מה הם גיליונות סגנון מדורגים ולמה משמש CSS?

הדבק את הקוד הזה בתוך ה- תגים של קובץ ה- HTML שלך כדי לקשר את דף הסגנון החיצוני שלך.

כוחו של CSS

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

להלן רק כמה יתרונות להפרדה זו:

• אתה יכול להחליף גליון סגנון רק על ידי שינוי הפניה לקובץ. זה אפילו יכול לקרות באופן דינמי. בשלב אחד אתה יכול לשנות את כל המראה והתחושה של דף.
• דפים רבים יכולים לשתף את אותם דפי הסגנון כנדרש. על ידי שינוי קובץ אחד, תוכל לעדכן את המראה והתחושה של אתר שלם.
• לפיצול דף ל'תוכן 'ו'סגנון' יש יתרונות טכניים. פרוקסי ודפדפנים יכולים לשמור במטמון קבצים בודדים בנפרד. המשמעות היא שאתר יכול לשלוח את פרטי הסגנון שלו פעם אחת, במקום לכלול אותו בכל עמוד.
• בעת שיתוף פעולה, צוותים שונים יכולים לפעול על פי נקודות החוזק שלהם, ליצור ולערוך קבצים נפרדים מבלי להשפיע זה על זה.

הסבר על האשד

למדת הרבה על סגנונות וגיליונות סגנון, אבל מה עם החלק המדורג ב- CSS?

המפל הוא זה שמחליט באילו סגנונות יש להשתמש כאשר קיימים גיליונות סגנונות מרובים. ראית כיצד מחבר יכול לציין סגנונות לתוכן שלו. אבל תכונה נוספת של CSS היא שהיא נותנת לקוראים ויצרני דפדפנים שאומרים אף הם בנושא.

אולי כבר תהית לגבי סגנונות ברירת המחדל. לדוגמה, כיצד פועל H1 האלמנט נראה גדול ונועז, אפילו בלי גיליונות סגנון של מחבר? זאת הודות למכלול כללים מיוחדים המרכיבים את דף הסגנון של סוכן המשתמש. כללים אלה מיושמים תחילה על ידי דפדפן האינטרנט שלך על כל דף שאתה מבקר בו.

המפל מציין שגיליון סגנון מחבר חל לאחר סגנונות סוכן המשתמש. אם הדפדפן שלנו אומר שהכותרות מודגשות אבל כותב הדף מצהיר שהכותרות בדף זה קלות, אז הן בסופו של דבר יהיו קלות.

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

מיקוד לאמצעי מדיה שונים

אתה יכול להשתמש בגיליונות Style בהקשרים שונים, מעבר למסך. ה חֲצִי התכונה של קישור element מגדיר לאילו סוגי מדיה גיליון הסגנון חל. לדוגמה, ניתן להגדיר א דף סגנון להדפסה שימוש בסימון כמו הבא:

אתה יכול לאסוף סגנונות נפוצים בגיליון סגנון גלובלי אחד וסגנונות ספציפיים למדיה בקבצים נפרדים. ישנם אפילו סוגי מדיה המספקים מצגות שמע או ברייל של התוכן שלך. CSS הוא כלי חיוני לשיפור הנגישות.

קָשׁוּר: כיצד לגלוש באינטרנט אם אתה עיוור או לקוי בראייה

כיצד לבדוק אם יש תקלה בכונן הקשיח

אתרים כגון ויקיפדיה משתמשים ב- CSS כדי לשלוט בסגנון ההדפסה שלהם, להסתיר אלמנטים לא רצויים ולפשט את הפריסה.

CSS גורם ל- HTML להיראות טוב

גיליונות סגנון מדורגים מכסים הרבה: המפל, הירושה, סלקציות, מקורות, מדיה וכו 'אבל כוחם מאפשר את הרשת המודרנית. זהו מדיום המספק תכונות מובנות לשימוש חוזר, גמישות ונגישות.

כדי לראות את מלוא העוצמה של CSS וכמה יש לה להציע, עיין בגיליון הרמאים שלנו המכסה את כל המאפיינים החיוניים של CSS3.

• תִכנוּת
• בניית אתרים
• CSS

בובי הוא חובב טכנולוגיה שעבד כמפתח תוכנה במשך רוב שני העשורים. הוא נלהב משחקים, עובד כעורך ביקורות במגזין Switch Player, והוא שקוע בכל ההיבטים של פרסום מקוון ופיתוח אתרים.

הירשם לניוזלטר שלנו

הצטרף לניוזלטר שלנו לקבלת טיפים, סקירות, ספרים אלקטרוניים בחינם ומבצעים בלעדיים!