הגדרת CSS (Sheets Style)
Miscellanea / / July 04, 2021
מאת גוילם אלסינה גונזלס, בספטמבר. 2017
הסגנון בו הטקסטים והמרכיבים של א עמוד אינטרנט, כמו גם ערכת מספר העמודים, ניתן לסמן מכל אחד ואחד באופן עצמאי, או להיות תלוי באלמנט חיצוני (אחר קוֹבֶץ שבהם מוגדרים סגנונות) הניתנים לשימוש חוזר. אלמנט חיצוני זה הוא מה שמכונה גיליון סגנונות CSS.
גיליון סגנונות CSS (גיליונות סגנון מדורגים, גליונות סגנון מדורגים) הוא לא יותר מקובץ מחשב המכיל מידע כדי לדגמן את הסגנון הוויזואלי שאומץ על ידי דפי האינטרנט בעת הצגתו על ידי הדפדפן.
כדי שזה יהיה המקרה, חייבת להתקשר לגליון הסגנון CSS מתוך קובץ ה- HTML, דרך a הוראה.
בזכות הפרדת התוכן ממה שההיבט, אנו מקבלים הפשטה המאפשרת לנו זוויות שונות של חוֹפֶשׁ.
הראשון הוא שאם נרצה לשנות את האסתטיקה של אתר שלם, נצטרך לרטש רק את קבצי גליון העבודה סגנון CSS, כך שאם יש שיחות לקבצים אלה בדפי ה- HTML, השינוי האסתטי של הצורה יתרחש אוֹטוֹמָטִי.
יתרון נוסף הוא שה- מְחַבֵּר מהתוכן תוכלו להתמקד בהם מבלי שתצטרכו להיות מודעים לפריסתם, מכיוון שזה ניתן על ידי קבצי CSS.
דף הסגנון בנוי משפה עיצובית עם מבנה ספציפי ותקני, של טופס שגיליון הסגנון אינו תלוי בטכנולוגיה שדף האינטרנט משרת וממנה הוא משמש להגיש את זה.
זאת בשל הצורך שהאינטרנט יהיה עצמאי מהמכשירים, מה שמאפשר לכל משתמש לעשות זאת השרת מגיש את אותו התוכן, וכי אלה ניתנים באותה תוצאה סופית על ידי כל דפדפןלא משנה אם כלים מסוימים יכולים לעשות זאת מהר יותר מאחרים, ולכן מציעים ביצועים טובים יותר ל שם משתמש.
אותו הדבר שפה ניתן להשתמש בהגדרה בכל מסמך XML (אחרי הכל, עדיין ניתן לפרש HTML כתת-קבוצה של XML).
מבנה השפה פשוט, עם סדרת מילות מפתח שמורות המתייחסות למאפייני סגנון הדף, וכמה כללים לכל אחד מהמאפיינים הללו.
דוגמה פשוטה לגיליון סגנונות CSS תהיה הבאה:
גוף {
h1 {font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif}
}
בה אנו מגדירים בפשטות כיצד עלינו להיות כותרת H1 של מסמכי ה- HTML שאנו כותבים וכפופה לגליון סגנון זה. לשם כך, דפי ה- HTML חייבים לכלול משפט זה במקטע רֹאשׁ:
באיזה
אנו יכולים לכלול גם את הוראות הפריסה לסגנון באותו קובץ HTML בו אנו משתמשים לדף וכך לחסוך לנו קובץ נוסף, אך אז אנו מאבדים את הרבגוניות של שינוי המראה של כל הדפים שיש בהם רק כדי לתפעל קובץ, מכיוון שנצטרך לשנות את כל ה- HTML בדיוק אותו הדבר.
השפה בה נכתבים גליונות הסגנון CSS כבר הייתה קיימת לפני אישורם על ידי W3C, ישות האחראית על ויסות התקנים הנהוגים באינטרנט ברמה הטכנית.
הוא אושר באמצע שנות התשעים ומאז הפך לסטנדרט. חִיוּנִי לשימוש באתרים גדולים.
צילום: פוטוליה - סטרינגר
ערכות נושא ב- CSS (גיליונות סגנון)