מה זה CSS? ומה עושים עם זה?
שפת הקוד CSS או בשם המלא (Cascading Style Sheets) היא שפה שעוזרת לנו לשלוט על העיצוב של האתר ועל המיקומים של אלמנטים. במדריך הבא נלמד אתכם מה זה CSS וכיצד קוד CSS משפיעה על האתר שלכם באופן מעשי.
מה זה CSS?
אז כפי שצוין לעיל שפת CSS מאפשרת לנו לעצב את העמוד ולהפוך אותו ליותר מעניין. כאשר אנחנו כותבים עמוד באמצעות קוד HTML אז מה שמופיע בעמוד זה רק קוד HTML נקי בצורה הבאה.
בשביל להבין כיצד נראה עמוד הבית שלנו המציג מדריכים ל-CSS ללא עיצוב בקוד CSS צפו בתמונה הבאה:
וכאשר מוסיפים קוד CSS לתוך האתר זה מה שמפעיל את הקסם והופך את האתר להיות כמו שהוא. אז ברגע שאנחנו מוסיפים קוד CSS אתם יכולים לראות שהאתר מקבל את העיצוב שאתם רואים כאן באתר.
איך משתמשים ב-CSS?
<head> <style> body { background: #c2c2c2; } </style> </head>
דרך נוספת לטעינת קוד CSS בתוך עמוד היא על ידי הוספת קוד לאלמנט ספציפי בעמוד. למשל לקחת פסקה באתר שמכילה שורת טקסט נוכל להוסיף טקסט ולשנות את הצבע של הטקסט
<p style="color:red">טקסט עם צבע אדום</p>
הקוד המוצג מעל הוא טעימה מאוד קטנה ליכולת טעינה של קוד CSS ובהמשך המדריכים נלמד אתכם באופן עקבי ומפורט על איך להשתמש בקוד CSS על מנת לעצב את האתרים שלכם באופן מקצועי.
אם אהבתם את המדריך ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:
הלוואי ותמשיך !!!
תודה רבה על התגובה, המטרה היא להמשיך אבל זה ייקח קצת זמן.
אני מתאר לעצמי שזה ייקח כמה חודשי ם עד שיהיה לי הזדמנות וזמן להקדיש להמשך האתר.