תגית
<style> משמשת להוספת קוד CSS ישירות בתוך מסמך ה-HTML, ולא באמצעות קובץ חיצוני. שימוש בתגית
<style> מאפשר להחיל סגנונות על הדף בצורה מקומית ומיידית מבלי להסתמך על קבצים נפרדים, דבר שיכול להיות שימושי בעבודה עם עיצובים פשוטים או בעמודים חד פעמיים.
התגית
<style> ממוקמת בתוך תגית
<head>, והקוד CSS נכתב בתוכה. כל כלל CSS שנכתב בתוך
<style> משפיע על אלמנטים בדף לפי המוגדר. לדוגמה, אם נרצה לשנות את צבע הטקסט לכל תגיות
<p> בדף או לשנות את סוג הפונט של התוכן, נוכל לעשות זאת באמצעות קוד CSS בתוך תגית
<style>.
הנה דוגמה לשימוש בתגית
<style>:
<style>
body {
font-family: Arial, sans-serif;
}
p {
color: blue;
}
</style>
בדוגמה זו, כלל CSS הראשון מגדיר את סוג הפונט של כל התוכן בדף כ-Arial, ואם לא קיים את הפונט הזה, יש להשתמש בפונט ברירת מחדל של sans-serif. כלל CSS השני קובע כי כל הטקסט בתוך תגיות
<p> יהיה בצבע כחול.
יש לשים לב שבשימוש ב-
<style> בגיליון סגנון פנימי כזה, העיצובים יחולו רק על הדף הנוכחי שבו הם מוגדרים. אם ברצונך לשמור על עיצובים בצורה מסודרת ולשתף אותם בין דפים שונים, עדיף להשתמש בקובץ CSS חיצוני ולהשתמש בתגית
<link> לקישור אליו. שימוש ב-
<style> מקומי מתאים בעיקר לצרכים פשוטים או למקרים של עיצובים ייחודיים לאותו עמוד בלבד.
