🎨 הוספת CSS

בעמוד HTML ב־body נוסיף ליד את התג dir=rtl שזה מגדיר את כיוון העמוד מימין לשמאל.

הוספנו כותרת h1 ורשמנו "כותרת".
אחרי זה הוספנו פס צבע רקע צהוב באמצעות css – רשמנו אחרי h1 את התג style והגדרנו צבע רקע.

שימוש בתג style

⛔ הבעיה עם style

הבעיה בדרך הוספת תג style כך היא: כאשר יש בעמוד HTML הרבה תגים שמרכיבים אותו, נצטרך להוסיף עיצוב לכל תג – וזה יגרום לקוד מסובך והרבה עבודה.

לעומת זאת, קיימת האפשרות להוסיף קובץ css חיצוני שבו יהיו כל ההגדרות לעיצוב בצורה נוחה:

🪄 שלבים לקישור קובץ CSS:

  1. ניצור קובץ .css ונשמור אותו באותה תיקייה של הקובץ HTML
  2. בקובץ HTML נקשר את הקובץ באמצעות תג link עם rel="stylesheet" ו־href שמצביע למיקום הקובץ.
  3. בקובץ ה־CSS נבחר את התגים שאנחנו רוצים לערוך – h1, body ועוד.
קישור לקובץ CSS חיצוני

✅ שימוש בקובץ CSS חיצוני מומלץ לעמודים עם הרבה תוכן. זה מקל על התחזוקה, שומר על סדר, ומאפשר עיצוב אחיד לכל האתר.