שפת CSS

הכרות עם שפת עיצוב המרכזית ברשת האינטרנט אשר אחראית על עיצוב עמודי האינטרנט.

במסגרת השיעור נכיר את השפה ועקרוניתיה, נלמד את 3 הדרכים להטמעת CSS במסמך HTML, כמו כן נכיר את 3 עקרונות השפה (בוררים, תוכנות וערכים) ונלמד מגוון רחב של פקודות עיצוב.

מה נלמד במסגרת השיעור?

מבוא:

  • מהי שפת CSS?
  • מה היתרונות של CSS?
 
שיטות הטמעה:
  • מהן 3 השיטות להטמיע CSS במסמך HTML?
  • כיצד ניתן להטמיע באמצעות מאפיין style?
  • כיצד ניתן להטמיע עיצוב באמצעות תגית style?
  • כיצד ניתן להטמיע עיצוב באמצעות קובץ css?
  • מהו היתרון של השימוש בקובץ css?
 

עקרונות השפה:

  • מהם 3 העקרונות CSS: ערכים, תכונות ובוררים.
  • מהן תכונות? ואיזה תכונות קיימות?
  • מהם ערכים? וכיצד ניתן להתאים סט ערכים לתכונה?
  • מהם בוררים? כמה סוגי בוררים קיימים?
  • מהו בורר לפי תג? וכיצד עובד?
  • מהו בורר לפי מזהה ייחודי id? וכיצד עובד?
  • מהו בורר לפי שיוך מחלקתי class? וכיצד עובד?
  • מה ההבדל בין id ל- class? מתי נשתמש בכל אחד מהם?
  • כיצד ניתן לעצב אלמנטים בעת מעבר עכבר?
  • מהי דריסת פקודות ומדוע נובעת?

 

נושאים נוספים:

  • כיצד להוסיף הערות לאזור css?
  • כיצד להוסיף רייוח פנימי וחיצוני לאלמנטים?
  • כיצד ליצור טקסט על אלמנטים וטקסטים?
  • כיצד לרכך/לעגל פינות לאלמנטים?
  • כיצד ליצור רקע מחליף צבעים לאלמנטים?
  • כיצד ליצור צל על טקסט ואלמנטים?