היתרונות העיקריים של גליונות סגנון מדורגים

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

• קישור עם אלמנט LINK

• ייבוא ​​באמצעות הפקודה @ import

יתרונות וחסרונות של גיליונות סגנון חיצוניים

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

חלק מהיתרונות בשימוש בגיליונות סגנון חיצוניים כוללים שתוכל לשלוט על המראה והתחושה של מספר מסמכים בו זמנית. זה שימושי במיוחד אם אתה עובד עם צוות אנשים כדי ליצור את האתר שלך. קשה מאוד לזכור כללי סגנון רבים, ולמרות שיש לך מדריך סגנונות מודפס, זה מייגע שיש לדפדף כל הזמן כדי לקבוע אם טקסט לדוגמא ייכתב בגופן Arial 12 נקודות או 14 נקודות שָׁלִיחַ.

ניתן ליצור מחלקות של סגנונות שבהם ניתן להשתמש באלמנטים שונים של HTML. אם לעיתים קרובות אתה משתמש בגופן מיוחד של Wingdings כדי לתת דגש על דברים שונים בדף שלך, אתה יכול להשתמש ב- Wingdings בכיתה שהגדרת בגיליון הסגנונות שלך כדי ליצור אותם במקום להגדיר סגנון ספציפי לכל מופע של ה- דָגֵשׁ.

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

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

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

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

כיצד ליצור דף סגנון חיצוני

גיליונות סגנון חיצוניים נכתבים באותו אופן כמו גיליונות סגנון מוטבעים ומובנים. אבל כל מה שאתה צריך לכתוב זה הסגנון בוחר וה הַצהָרָה. אינך צריך אלמנט או מאפיין STYLE במסמך.

כמו בכל האחרים CSSהתחביר לכלל הוא:

בורר {נכס: ערך; }

כללים אלה נכתבים לקובץ טקסט עם התוסף.

.css

. לדוגמה, אתה יכול לתת שם לגיליון הסגנונות שלך.

סגנונות. css. 

קישור מסמכי CSS

על מנת לקשר גיליון סגנונות, אתה משתמש באלמנט LINK. יש לזה את התכונות rel ו- href. התכונה rel מספרת לדפדפן מה אתה מקשר (במקרה זה גיליון סגנון) ותכונת href מחזיקה את הנתיב לקובץ CSS.

יש גם סוג מאפיין אופציונלי שבו אתה יכול להגדיר את סוג MIME של המסמך המקושר. זה לא נדרש ב- HTML5, אך יש להשתמש בו במסמכי HTML 4.

הנה הקוד שתשתמש בו כדי לקשר גיליון סגנונות של CSS שנקרא styles.css:

ובמסמך HTML 4 היית כותב:

type = "text / css">

ייבוא ​​גיליונות CSS

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

כתובת url @ (' http://www.yoursite.com/styles.css');