כאשר נרצה לשנות את הגדרות הסגנון לאורך כל הדף נשתמש בהגדרות סגנון מוטבע.
על ידי הגדרות סגנון מוטבע נוכל להגדיר את הגדרות הסגנון פעם אחת לגבי כל הדף וכך לא נצטרך לחזור על ההגדרות מחדש עבור כל אובייקט ואובייקט.
הגדרות סגנון מוטבע נעשות בתוך תחום ה HEAD>> או בינו לבין תחום ה <BODY>..
בכדי להגדיר הגדרות סגנון מוטבע נשתמש בתג <STYLE>. לתג זה נוסיף את התכונה TYPE שלה ניתן את הערך "text/css". לאחר מכן נוכל להגדיר את הסגנונות הרצויים.
כל הגדרה מחדש של סגנון קיים נעשית בצורה הבאה:
-
כתיבת שם התג שאת סגנונו אנו רוצים לשנות
-
פתיחת סוגריים מסולסלות
-
הגדרת תכונה, נקודותיים, מתן ערך, נקודה-פסיק (ניתן לחזור על שלב זה מספר פעמים)
-
סגירת הסוגריים המסולסלות.
דוגמא:
<style Type="text/css”>
H1 { color:blue; font-size:25pt ; }
Body { font-style:italic; text-align:center; font-size:15pt; }
<</style
בדוגמא זו שינינו את הגדרות הסגנון של התגים 1H ו BODY. ההגדרות החדשות יהיו תקפות לגבי כל הטקסט שיופיע במסגרת תגים אלו לאורך המסמך.
כפי שציינו קודם: ישנה גם אפשרות להגדיר את הגדרות הסגנון בקובץ נפרד שאליו יהיה קישור מקובץ ה HTML שלנו. הקובץ יהיה קובץ טקסט רגיל. סיומת הקובץ תהיה .css והוא יכיל הגדרות CSS על פי הכללים שצוינו לעיל.
הקישור לקובץ המכיל את הגדרות הסגנון ייעשה בצורה הבאה:
<LINK REL="stylesheet" TYPE="text/css" HREF="FileName.css">
גולשים מקוונים: 6