גיליונות סגנון מדורגים

Incomplete-document-purple.svgיש להשלים ערך זה: בערך זה חסר תוכן מהותי. וכן אין פירוט כלל על תקן CSS3, על ההבדלים, על הגרסאות ועל התמיכה בדפדפנים השונים. ייתכן שתמצאו פירוט בדף השיחה.
הנכם מוזמנים להשלים את החלקים החסרים ולהסיר הודעה זו. שקלו ליצור כותרות לפרקים הדורשים השלמה, ולהעביר את התבנית אליהם.
Disambig RTL.svg המונח "CSS" מפנה לכאן. לערך העוסק בלהקת אינדי פופ-רוק ברזילאית, ראו Cansei de Ser Sexy.

גיליונות סגנון מדורגיםאנגלית: Cascading Style Sheets ובראשי תיבות: CSS) הם פורמט לעיצוב דפי אינטרנט. הגיליונות קובעים את עיצובם של תגים ב-HTML,‏ XHTML וכל שפה דומה ל-XML לבניית אתרי אינטרנט.

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

גליונות הסגנון נקראים "מדורגים" (באנגלית: Cascading) משום שיש להם היררכיה: אם יש הגדרות שונות עבור אותו אלמנט בדף, הגדרות CSS הנמצאות בבלוק <style> בחלק ה-<head> של דף ה-HTML גוברות על הגדרות מקבילות הנמצאות בקובץ CSS חיצוני (בתנאי שהם הוגדרו לאחר התגית <link> שמייבאת את הקובץ החיצוני), והגדרות CSS הנמצאות בתוך תגית בדף (כערך של התכונה style) גוברות על הגדרות בבלוק <style>.

יתרונות

הפרדה זו יוצרת מספר יתרונות:

  • עיצוב גלובלי: בראש ובראשונה יצירת תבנית גלובלית לכל דפי האתר. שינוי קובץ ה-CSS ישתקף בכל דפי האתר, ולא יצריך התערבות פרטנית בכל דף ודף.
  • קוד נקי יותר: הורדת המורכבות והסיבוכיות ביצירת דפי HTML, באמצעות הוצאת הוראות העיצוב מתוכם.
  • הפרדת רשויות: הפרדה נוחה בין אנשי המקצוע השונים שעובדים ביצירת האתר. העיצוב והגרפיקה נעשים על ידי אנשי העיצוב בקבצים נפרדים, והתכנים נכתבים על ידי אנשי התוכן בקוד נקי מהגדרות עיצוב.
  • התאמה אישית: ההפרדה בין העיצוב לתכנים מאפשרת הצגה מותאמת למשתמש, כפי שהדבר נעשה למשל בוויקיפדיה, שבה כל משתמש יכול לבחור באיזה עיצוב, מתוך עיצובים אחדים המוצעים לו, ברצונו לצפות באתר.
  • התאמה לפלטפורמות שונות: שימוש ב-CSS מאפשר יצירת גרסאות להדפסה, גרסאות להצגה על מדיומים אחרים (כמו מחשבי כף יד, טלפונים סלולריים טלוויזיה וכדומה). CSS תומכת גם ביכולות קוליות ובכתב ברייל.
  • התאמה לגודלי מסך שונים-עיצוב רספונסיבי: שימוש ב CSS 3 Media Queries נותן אפשרות לעצב את האתר לגודלי מסך שונים. בין השאר יתרון זה, נותן אפשרות לעצב את האתר למכשירים ניידים.
Other Languages
Afrikaans: CSS
azərbaycanca: CSS
Boarisch: CSS
žemaitėška: CSS
български: CSS
bosanski: CSS
dansk: CSS
Zazaki: CSSê xasi
dolnoserbski: CSS
Ελληνικά: CSS
Esperanto: CSS
eesti: CSS
euskara: CSS
Gàidhlig: CSS
galego: CSS
hrvatski: CSS
hornjoserbsce: CSS
interlingua: CSS
Bahasa Indonesia: Cascading Style Sheets
italiano: CSS
Qaraqalpaqsha: Css
қазақша: CSS
한국어: 종속형 시트
Latina: CSS
lumbaart: CSS
lietuvių: CSS
македонски: CSS
Bahasa Melayu: Lembaran Gaya Lata
မြန်မာဘာသာ: စီအက်စ်အက်စ်
norsk nynorsk: Stilark
ਪੰਜਾਬੀ: ਸੀ.ਐਸ.ਐਸ
русский: CSS
srpskohrvatski / српскохрватски: CSS
Simple English: Cascading Style Sheets
slovenčina: Kaskádové štýly
slovenščina: CSS
српски / srpski: CSS
tetun: CSS
Türkmençe: CSS
Tagalog: CSS
українська: CSS
oʻzbekcha/ўзбекча: CSS
Tiếng Việt: CSS