CSS

מה זה CSS?

אז כבר בנינו את השלד של הבית שלנו עם HTML. עכשיו הגיע החלק הכיפי – לעצב אותו! דמיינו שאתם צובעים את הקירות, בוחרים רהיטים יפים, שמים וילונות ומוסיפים קישוטים. זה בדיוק מה ש-CSS עושה לאתר שלנו!

CSS זה ראשי תיבות של “Cascading Style Sheets” – שזה אומר “גיליונות סגנון מדורגים”. במילים פשוטות, CSS אומר לדפדפן איך האתר ייראה: איזה צבע יהיה לטקסט, כמה גדולות יהיו הכותרות, איפה תמונות ימוקמו ואיך הכל ייראה מסודר ויפה.

שיעור 1: צבעים, גדלים וגופנים!

כדי להשתמש ב-CSS, אנחנו צריכים לומר לדפדפן “איזה חלק באתר אני רוצה לעצב?” ו”איך אני רוצה לעצב אותו?”.

איך כותבים כלל CSS? כלל CSS מורכב משני חלקים עיקריים:

1. בורר (Selector): זה החלק שאומר לנו איזה אלמנט אנחנו רוצים לעצב (לדוגמה: כל הפסקאות, כל הכותרות).

2. הצהרה (Declaration): זה החלק שאומר איך אנחנו רוצים לעצב אותו (לדוגמה: צבע הטקסט יהיה כחול, גודל הגופן יהיה גדול). ההצהרה מורכבת מ”מאפיין” (Property) ו”ערך” (Value).