CSS הוא גיליון סגנונות מדורגים המשמש ליצירת אלמנטים חזותיים בדף משאבי אינטרנט. העיבוד של אובייקטים שצוינו ב- CSS מיושם בשפת הסימון HTML. אי אפשר להשתמש לבד בשולחנות מדורגים.
שימוש ב- CSS
CSS היא שפת סגנון המיישמת את העיבוד של רכיבי סימון HTML. טבלאות מדורגות מאפשרות לך להתאים אישית אפשרויות שלא ניתנות לשינוי ב- HTML. לדוגמה, באמצעות שפת הסגנון תוכלו לערוך את סגנון הגופן, הצבע. CSS מאפשר לך להגדיר שוליים, קווים, ריפוד, רוחב, רכיבי מיקום ולבצע את הפלט של אותם פרמטרים שאי אפשר ליישם באמצעות HTML "טהור".
גליונות סגנון מדורגים נתמכים כמעט בכל הדפדפנים ומשמשים כמעט בכל משאב אינטרנט. הם שולטים בתצוגת תוכן באמצעות שפה מוגדרת ומאפשרים לך לשלוט בתצוגת פריטים עבור מדיה שונה.
אם HTML משמש רק כאמצעי לבניית הטקסט של הדף, CSS מאפשר לך להתאים אישית את תצוגת התוכן המוצג.
תחביר CSS והכללתו בקוד HTML
בעת עיצוב דף, עדיף להשתמש ב- CSS על פני כלי HTML. העובדה היא שבתחילה לא היו ל- HTML אמצעים לעריכת צבע האלמנטים ולא נועד להגדיר פרמטרים של צבע ותצוגה, ולכן השימוש במתארים של HTML ליצירת עיצוב עשוי להיחשב כלא נכון בעיני מפתחי אתרים מסוימים.
ל- CSS תחביר שונה מזה של HTML והוא נכלל בקוד העמוד באמצעות תגים. ניתן גם לשלב קוד CSS שנמצא בקובץ נפרד באמצעות תג הפרמטרים:
לקוד CSS יש תחביר מסוים, שיש להקפיד עליו בקפידה, אחרת הסגנונות שנוצרו לא יוצגו בדף. ניתן לחלק קטע של קוד CSS לשלושה אלמנטים עיקריים: בורר, נכס וערך. פריטים אלה נכתבים באופן הבא:
בורר {נכס: ערך; }
הבורר מציין את הידית עליה חל כלל התצוגה שנוצר. פרמטר המאפיין מגדיר את ההיבט הניתן לעריכה של האלמנט, והערך מגדיר את האפשרות המתאימה למאפיין. לדוגמא, כדי לשנות את הצבע בכותרת הרמה השנייה
HTML, באפשרותך להחיל את הקוד הבא:
h2 {צבע: אדום; }
קוד זה מגדיר את צבע הטקסט לאדום, שנמצא במתאר הכותרת בדרגה השנייה.
CSS משתמש בטבלת הצבעים הסטנדרטית של HTML.
בנוסף לשימוש בתגים, אתה יכול גם להשתמש בתגים פנימיים. לדוגמה:
כּוֹתֶרֶת
קוד זה זהה לזה שתואר לעיל, בהבדל שפרמטרי CSS עצמם הוגדרו בתוך המתאר הדרוש לעריכה.