כיצד לבנות גיליון סגנונות חיצוני

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

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

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

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

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

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

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

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

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

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

1. מְקַשֵׁר
   1. כדי לקשר גיליון סגנונות, אתה משתמש בתג HTML. תכונה זו כוללת את המאפיינים rel , type ו- href . המאפיין rel אומר את מה שאתה מקשר (במקרה זה גיליון סגנונות), סוג מגדיר את MIME-Type עבור הדפדפן, ו- href הוא הנתיב לקובץ .css.
2. מייבא
   1. השתמש בגיליון סגנונות מיובא בגיליון סגנונות ברמת מסמך, כך שתוכל לייבא את המאפיינים של גיליון סגנונות חיצוני, מבלי לאבד את כל הסוגים הספציפיים למסמך. אתה קורא לזה בצורה דומה קורא גיליון סגנונות מקושר, רק זה חייב להיות נקרא בתוך הצהרת סגנון ברמת המסמך. ניתן לייבא כמו גיליונות סגנונות חיצוניים רבים ככל שתידרש כדי לשמור על אתר האינטרנט שלך.

מאמר מקורי מאת ג'ניפר קרינין. בעריכת ג'רמי ג'ירארד ב -8 / 8/17