כאשר דפדפן אינטרנט טוען דף אינטרנט, הדרך שבה הוא מופיע נקבעת על ידי מידע מתוך גיליון סגנונות. ישנן שלוש דרכים לקובץ HTML להשתמש בגיליון סגנונות: חיצוני, פנימי, או in-line.
גליונות סגנונות פנימיים ויחידים מאוחסנים בקובץ ה- HTML עצמו. הם קל לעבוד בתוך הרגע אבל בגלל שהם לא מאוחסנים במיקום מרכזי, זה בלתי אפשרי בקלות לבצע שינויים בסגנון בכל האתר בבת אחת; אתה צריך במקום לחזור לכל ערך ולשנות אותו באופן ידני.
עם זאת, עם גיליון סגנונות חיצוני, את ההוראות עבור עיבוד הדף מאוחסנים בקובץ אחד, מה שהופך את זה באמת קל לערוך את הסגנון על פני אתר שלם או אלמנטים מרובים. הקובץ משתמש בתוסף הקובץ .CSS וקישור למיקום של קובץ זה נכלל במסמך HTML כך שדפדפן האינטרנט יודע היכן לחפש את הוראות הסטיילינג.
מסמך אחד או יותר יכולים לקשר לאותו קובץ CSS, ולאתר עשויים להיות הרבה קובצי CSS ייחודיים לעיצוב דפים, טבלאות, תמונות וכו '.
כיצד לקשר גיליון סגנון חיצוני
כל דף אינטרנט שרוצה להשתמש בגיליון סגנונות חיצוני מסוים צריך לקשר לקובץ CSS מתוך
, כך:
בדוגמה זו, הדבר היחיד שיש לשנות כדי להפוך אותו חל על המסמך שלך הוא styles.css טקסט. זהו המיקום של קובץ ה- CSS שלך.
אם הקובץ נקרא למעשה styles.css והוא ממוקם באותה תיקייה בדיוק כמו מסמך זה מקשר אליו, אז זה יכול להישאר בדיוק כפי שהוא קורא לעיל. עם זאת, רוב הסיכויים שקובץ ה- CSS שלך נקרא משהו אחר, ובמקרה כזה אתה יכול פשוט לשנות את השם מ"סגנונות "לכל מה שיש לך.
אם קובץ ה- CSS אינו בשורש התיקייה הזו, אלא במקום בתיקיית משנה, ייתכן שהוא יקרא משהו כזה:
מידע נוסף על קבצי CSS חיצוניים
היתרון הגדול ביותר של גיליונות הסגנון החיצוני הוא שהם אינם קשורים לדף מסוים. אם הסגנון מתבצע באופן פנימי או באופן מקוון, דפים אחרים באתר אינם יכולים להצביע על העדפות הסטייל.
עם סטיילינג חיצוני, עם זאת, אותו קובץ CSS יכול לשמש עבור כל דף בודד באתר, כך שלכולם יש מראה אחיד, ועריכה של תוכן האתר כולו CSS הוא קל מאוד ומרוכז.
אתה יכול לראות איך זה עובד מתחת …
עיצוב פנימי דורש שימוש
עם זאת, מאז גיליונות סגנון חיצוני הכלולים בקובץ שלהם, הם יכולים להיווצר ככה, וזה אומר בדיוק את אותו הדבר כמו המדגם לעיל:
body {background-color: ירוק; } h1 {color: blue; margin-left: 15px; }
בדוגמאות אלה, הסגנון המופיע רק חל על דף מסוים, כפי שמוצג על ידי העובדה שהוא מכיל את פרטי הכותרת של דף HTML. עם הדוגמה השנייה, את פרטי CSS הוא עצמאי בתוך קובץ CSS כי כל דף יכול לקשר באמצעות קוד מתוך כיצד לקשר גיליון סגנון חיצוני סעיף לעיל.
