CSS (Cascading Style Sheets) היא שפת עיצוב המשמשת לתיאור המראה והפריסה של מסמך HTML. בעוד ש-HTML מגדיר את מבנה ותוכן הדף, CSS אחראית על ההיבטים החזותיים שלו, כגון צבעים, גופנים, ריווח ומיקום האלמנטים.
הנה כמה מושגי יסוד ותכונות חשובות של CSS:
- בורר (Selector): בורר CSS מזהה את האלמנטים שעליהם יחולו כללי העיצוב. בוררים יכולים להתבסס על שמות תגיות, מזהים (id), מחלקות (class) ותכונות נוספות.
- מאפיינים (Properties): מאפייני CSS מגדירים את הסגנון של האלמנטים שנבחרו. לדוגמה,
colorקובע את צבע הטקסט,font-familyמגדיר את הגופן, ו-marginמגדיר את השוליים סביב אלמנט. - ערכים (Values): לכל מאפיין CSS מוקצה ערך, המגדיר את ההגדרה הספציפית. לדוגמה,
color: blue;תגדיר את צבע הטקסט לכחול. - גיליונות סגנון חיצוניים: כללי CSS נכתבים בדרך כלל בקובץ נפרד עם סיומת
.css, המקושר למסמך ה-HTML באמצעות תגית<link>בתוך ה-<head>. - מחלקות ומזהים: מחלקות ומזהים משמשים לבחירת אלמנטים ספציפיים ולהחלת סגנונות עליהם. מחלקות מסומנות על ידי נקודה (
.class-name), ומזהים מסומנים על ידי סולמית (#id-name). - מודל תיבה (Box Model): כל אלמנט HTML נחשב כתיבה במודל התיבה של CSS, המורכב משוליים (margin), מסגרת (border), ריפוד (padding) ותוכן (content).
- פריסה (Layout): CSS מספקת מגוון אפשרויות לשליטה בפריסת האלמנטים, כולל מיקום, גודל, תצוגה (display) וריחוף (float).
- תגובתיות (Responsiveness): באמצעות מדיית שאילתות (Media Queries), CSS יכולה להתאים את העיצוב לגדלי מסך ולמכשירים שונים, ליצירת עיצובים תגובתיים שנראים היטב במגוון פלטפורמות.
CSS היא טכנולוגיה חיונית בפיתוח אינטרנט מודרני, המאפשרת למפתחים להפריד את העיצוב מהתוכן ולהחיל סגנונות עקביים על דפי אינטרנט שלמים. שליטה טובה ב-CSS מאפשרת יצירת אתרים ויזואליים מרשימים, אינטראקטיביים ומותאמים למשתמש.
