CSS (Cascading Style Sheets) היא שפה מבוססת כללים המשמשת לעיצוב ופריסה של דפי אינטרנט על ידי הגדרת קבוצות ספציפיות של סגנונות המוחלים על אלמנטים או קבוצות של אלמנטים 3 . בתור מתחיל, חשוב לקבל הבנה מוצקה של היסודות של CSS כדי להיות מסוגל להשתמש בו ביעילות.
להלן כמה ממושגי ה-CSS החשובים ביותר שיש ללמוד:
אשד ה-CSS: המפל הוא האופן שבו הדפדפן קובע אילו סגנונות להחיל על אלמנט מסוים. זה נשלט על ידי שני גורמים: הספציפיות של בוררי האלמנטים והסדר שבו הסגנונות מוצהרים
- ירושה: ירושה היא התהליך שבו סגנונות מועברים ממרכיבי הורה לילדיהם
- ספציפיות: הספציפיות קובעת איזה כלל CSS חל על איזה אלמנט. זה נקבע לפי מספר הבוררים, הסדר שלהם וערכי הספציפיות שלהם
- מודל ה-CSS Box: מודל התיבה הוא דרך לייצג את הפריסה של אלמנטים בדף אינטרנט. הוא מורכב מאזור התוכן, הריפוד, הגבול והשוליים
- שוליים, ריפוד וגבולות: שוליים, ריפוד וגבולות הם כולם מאפיינים המשפיעים על המרווח והפריסה של אלמנטים בדף אינטרנט
- תצוגה: מאפיין התצוגה קובע כיצד יש להציג אלמנט בדף אינטרנט. ניתן להגדיר אותו לערכים כמו בלוק, מוטבע ו-none
- Float: המאפיין float מאפשר למקם אלמנטים משמאל או ימין של מיכל האב שלהם, מה שמאפשר לטקסט לעטוף אותם
- מיקום: מאפיין המיקום מאפשר למקם אלמנטים באופן מוחלט או יחסית בדף אינטרנט
- הצהרות !important: המאפיין !important ב-CSS עוקף את כל הכללים שצוינו ומוודא שהכלל מוחל על האלמנט
- שאילתות מדיה: שאילתות מדיה מאפשרות לך להחיל סגנונות שונים על דף אינטרנט בהתבסס על המכשיר שבו הוא נצפה
בנוסף למושגים הללו, ישנם גם כמה מאפייני CSS חיוניים שכל מפתח אינטרנט צריך לדעת, כגון תצוגה, צבע ורקע.
חשוב לציין ש-CSS יכול להיות מכריע בהתחלה, אבל הבנה מוצקה של היסודות תגרום לך להיות בטוח יותר בלימוד שפות תכנות אחרות
