מדריך CSS - תוכן העניינים

• הקדמה
  הקדמה קצרה למדריך ומה אפשר ללמוד באמצעותו.
• שיעור 1 - מה זה CSS?
  מעט על מדוע CSS נוצרה ולמה זה מחוכם לבחור ב-CSS על פני HTML לעיצוב ותכנון מבנה.
• שיעור 2 - כיצד CSS פועלת?
  למד את התחביר הבסיסי של CSS וצור את גיליון העיצוב הראשון שלך.
• שיעור 3 - צבעים ורקעים
  למד כיצד להגדיר צבעים וצבעי רקעים לאתר שלך וכיצד להשתמש בתמונות רקע.
• שיעור 4 - גופנים
  בשיעור זה תלמד על גופנים וכיצד עושים בהם שימוש באמצעות CSS.
• שיעור 5 - טקסט
  בשיעור זה יוצגו האפשרויות המדהימות ש-CSS מעניקה לך להגדרת תבנית עיצוב לטקסט.
• שיעור 6 - קישורים
  כיצד ניתן להוסיף אפקטים שימושיים ומסוגננים לקישורים באמצעות מחלקות-דמה.
• שיעור 7 - מזהה והקבצת אלמנטים (Id ו-Classes)
  מבט מקרוב על איך ניתן להשתמש ב-class ו-id להגדרת תכונות לאלמנטים נבחרים.
• שיעור 8 - הקבצה של אלמנטים (Span ו-Div)
  מבט מקרוב על השימוש של span ו-div, שני אלמנטי HTML בעלי חשיבות מרכזית בהתייחס ל-CSS. 
• שיעור 9: מודל התיבה
  מודל התיבה ב-CSS מתאר את התיבות שנוצרות לאלמנטי HTML.
• שיעור 10: מודל התיבה - שוליים ומסגרות
  שנה את התצוגה של אלמנטים על ידי קביעת התכונות margin ו- padding.
• שיעור 11: מודל התיבה - גבולות
  למד על האפשרויות האינסופיות שיש לשימוש בגבולות בדפי האינטרנט שלך עם CSS.
• שיעור 12: מודל התיבה - גובה ורוחב
  בשיעור זה, נראה כיצד בקלות אתה יכול להגדיר את הגובה והרוחב של אלמנט.
• שיעור 13: אלמנטים צפים (Floats)
  אלמנט יכול לצוף לימין או לשמאל באמצעות התכונה float.
• שיעור 14: מיקום של אלמנטים
  באמצעות אפשרות המיקום של CSS, אתה יכול למקם אלמנט בדיוק היכן שאתה רוצה בדף האינטרנט שלך.
• שיעור 15: שכבה על שכבה עם Layers) Z-Index)
  בשיעור זה נלמד כיצד לאפשר לאלמנטים שונים לחפוף זה את זה באמצעות התכונה layers.
• שיעור 16: תקני אינטרנט ובדיקת תאימות
  שיעור אחרון בו נלמד על תקני W3C וכיצד ניתן לבדוק שגיליון העיצוב שלך תקין ותואם לתקן.

הקדמה >>