אז כבר בנינו את השלד של הבית שלנו עם HTML. עכשיו הגיע החלק הכיפי – לעצב אותו! דמיינו שאתם צובעים את הקירות, בוחרים רהיטים יפים, שמים וילונות ומוסיפים קישוטים. זה בדיוק מה ש-CSS עושה לאתר שלנו!
CSS זה ראשי תיבות של “Cascading Style Sheets” – שזה אומר “גיליונות סגנון מדורגים”. במילים פשוטות, CSS אומר לדפדפן איך האתר ייראה: איזה צבע יהיה לטקסט, כמה גדולות יהיו הכותרות, איפה תמונות ימוקמו ואיך הכל ייראה מסודר ויפה.
כדי להשתמש ב-CSS, אנחנו צריכים לומר לדפדפן “איזה חלק באתר אני רוצה לעצב?” ו”איך אני רוצה לעצב אותו?”.
איך כותבים כלל CSS? כלל CSS מורכב משני חלקים עיקריים:
בורר (Selector): זה החלק שאומר לנו איזה אלמנט אנחנו רוצים לעצב (לדוגמה: כל הפסקאות, כל הכותרות).
הצהרה (Declaration): זה החלק שאומר איך אנחנו רוצים לעצב אותו (לדוגמה: צבע הטקסט יהיה כחול, גודל הגופן יהיה גדול). ההצהרה מורכבת מ”מאפיין” (Property) ו”ערך” (Value).