"מערכת תכונות הנותנות אופי מסוים לניסוח, ללבוש או ליצירת אומנות וכד'. דרך הבעה מסוימת הנבחרת מתוך דרכים שונות העומדות לברירה." מתוך מילון ההווה (ש. בהט/מ. מישור).
לכל אדם יש סגנון משל עצמו, דברים המייחדים אותו משאר בני האדם.
באופן דומה, ניתן להגדיר סגנון לדף, או לקבוצת דפים (המהווה אתר).
ישנן כמה שיטות להתייחס לסגנון בדף HTML:
באפשרות מס' 1 - בעצם לא עושים כלום.
כל שאר האפשרויות דורשות הכרת תגיות אלמנטריות של HTML
למשל - אם נרצה שכותרת מסוג h4 תהיה גם צבועה בירוק, נעשה זאת כך:
בתפריט עיצוב נבחר בסגנון, תפתח תיבת דו-שיח.
נבחר ב H4 ונלחץ על שינוי.
נלחץ על כפתור עיצוב, ונבחר בגופן
נשנה את הצבע לירוק, מודגש.
אם נעבור לתצוגת HTML נראה שנוספו השורות הבאות לקובץ:
<style>
<!--
h4 { color: #008080; font-weight: bold }
-->
</style>
וכל הכותרות מסוג H4 שכבר קיימות בדף, או שתכתבנה בעתיד תהינה בירוק מודגש.
כותרות מסוג H3 רוצים ממורכזות מודגשות, ולכן
צריך להיכנס עוד פעם לעיצוב-סגנון, לבחור ב H3 ובשינוי.
לבחור בעיצוב-פסקה ובשדה יישור לבחור במרכז,
עיצוב-גופן, ולשנות ל 14pt, מודגש בצבע ירוק.
אם נבדוק נראה שוספה הגדרה גם עבור H3
<style>
<!--
h4 { color: #008080; font-weight: bold }
h3 { text-align: center; font-size: 14pt; color: #008000; font-weight: bold }
-->
</style>
ואם נבחר כותרת ונגדיר אותה כ heading 3 היא תקבל את העיצוב שבחרנו.
אם רוצים לקבוע כללים לגבי כל הדף - יש להגדיר את BODY,
כללים לגבי הצגת קישור - לבחור ולהגדיר את a:link.
לשם כך בעיצוב סגנון יש ללחוץ על חדש.
לתת שם (אנגלית)
להגדיר את הרצוי, ולאשר
יש לבחור את הקטע שרוצים שיקבל את העיצוב, וללחוץ על תיבת בחירת הסגנון, שם יופיע
הסגנון החדש בסוף הרשימה, יש לבחור אותו ולאשר.
הגיליון החיצוני מכיל רק הגדרות סגנון (ואפשר כמובן לעדכן אותו לכשנדרש).
יש לשמור אותו כסוג hypertext stile sheet (*.css בשם באנגלית.
בדפים שרוצים להחיל את הסגנונות שהוגדרו, יש לבחור ב: עיצוב, קישור של גיליונות סגנון, ולבחור את הגיליון המתאים.
ולבחור בתיבת הסגנון את הסגנון המבוקש.