בתרגום מאנגלית Cascading Style Sheets הם גיליונות סגנון מדורגים. סגנונות הקובעים כיצד יוצגו האלמנטים של HTML בכל המדית השונות. סגנונות אלו מאפשרים למתכנת ה-WEB לעצב דפים בנוחות לרוחב היישום כולו. מעצבים מקצועיים משתמשים בקווי עיצוב מוגדרים מראש אותם הם בוחרים לפרוייקטים שלהם. דפוסי עיצוב אלה מלווים את הפרוייקט מתחילתו ועד סופו ומקנים לו זהות, אופי וסגנון. אל תטעו, אין מדובר כאן בתוכן כלל. ישנה הפרדה מוחלטת בין קו עיצובי לבין תוכן. CSS מאפשר למעצב לקבוע כיצד יוצג כל אלמנט בדף HTML, כיצד תשמע המוסיקה או הדיבור, כיצד יראה הדף המודפס וכו'. גליונות סגנון הם הכלי האולטימטיבי לאפיון, עיצוב ועימוד תכני HTML.

לשם מה צריך גיליונות סגנון?

היה היו פעם שני דפדפנים ובהם הוצגו דפי HTML ותגיותיהם. תגיות HTML נוצרו במקור כדי להגדיר את הצגת התוכן במסמך. הם היו אמורים להגיד "זוהי כותרת", "זוהי פיסקה" או "זאת טבלה" ע"י שימוש בתגיות <h1>, <p> או <table> , וכן הלאה. עימוד המסמך אמור היה להיעשות על ידי הדפדפן. שתי השחקניות הגדולות בתחום, נטסקייפ ואקספלורר, המשיכו להוסיף תגיות ותכונות (כגון: <font> והתכונה color=red) למפרט ה-HTML, עד שבבניית אתרי אינטרנט לא ניתן היה למצוא את קו ההפרדה שצריך להיות קיים בין עיצוב המסמך, לבין התכנים, ולבין התכנות. הכל הפך למסה אחת שקשה למצוא בה את הידיים והרגליים. עיצוב דפי WEB הפך לסיוט של ממש. כדי לפתור בעיה זו, החליטו חברי ועדת W3C (הועדה ללא מטרת רווח המחליטה על תקנים של HTML), ליצור סגנונות. כמו כן, יצרה הועדה את התקן החדש - 4.0 HTML. מאז ועד עצם היום הזה, החל מגרסה 4 של נטסקייפ ואקספלורר יש תמיכה ב-CSS.

סיגנון: הגדרה

"מערכת תכונות הנותנות אופי מסוים לניסוח, ללבוש או ליצירת אומנות וכד'. דרך הבעה מסוימת הנבחרת מתוך דרכים שונות העומדות לברירה."    מתוך מילון ההווה (ש. בהט/מ. מישור).

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

מה צריך לדעת כדי ללמוד CSS? 

HTML

 הבנה בסיסית של מושגי האינטרנט

באמצעות אילו כלים כותבים CSS?

כל עורך טקסט פשוט, כדוגמת notepad, מספיק כדי למלא את המשימה.
עורכים נוספים, המספקים מעט יותר פונקציונליות הם TextPad ו-EditPlus.