תחביר CSS
חלק מהיחידה עיצוב באמצעות CSS במסלול ה-HTML של Coddy. שיעור 2 מתוך 76.
ב-CSS, תחביר מתייחס למכלול הכללים שמגדירים כיצד יש לכתוב קוד CSS. הבנת התחביר של CSS חיונית ליצירת גיליונות סגנון מובְנים היטב ופונקציונליים. כלל CSS בסיסי מורכב מבורר ומבלוק הצהרות.
הנה פירוט פשוט:
- בורר: מציין את רכיב ה-HTML שברצונך לעצב (למשל p, div, img).
- בלוק הצהרות: מכיל הצהרה אחת או יותר המוקפות בסוגריים מסולסלים
{}.
- הצהרה: מורכבת ממאפיין ומערך, המופרדים בנקודתיים
:(למשל color:green;). כל הצהרה צריכה להסתיים בנקודה-פסיק (;).
- מאפיין: מאפיין הסגנון שברצונך לשנות (למשל, color, font-size).
- ערך: הערך שברצונך להגדיר למאפיין (למשל, blue, 16px).
לדוגמה:
p {
color: blue;
font-size: 16px;
}בדוגמה הזו, p הוא הבורר, שבוחר את כל רכיבי הפסקה. בלוק ההצהרות מכיל שתי הצהרות: אחת שמגדירה את צבע הטקסט לכחול, והשנייה שמגדירה את גודל הגופן ל־16 פיקסלים.
אתגר
קלניתן לך קוד HTML עם רכיב פסקה וכלל CSS עבור אותה פסקה. שנה את כלל ה-CSS כדי לשנות את צבע הטקסט ל-red.
נסו בעצמכם
<html>
<head>
<style>
p {
color: blue;
}
</style>
</head>
<body>
<p>This is a paragraph.</p>
</body>
</html>
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה עיצוב באמצעות CSS
תרגלו בעצמכם: Web אונליין