CSS HTML

עם HTML 4.0 כל העיצוב ניתן להעביר ממסמך HTML ובתוך רשימת סגנונות נפרדת.

דוגמאות

כשה הדפדפן קורא רשימת סגנונות (style sheet), הוא מסדר מסמך לפי רשימת סגנונות.

יש שלושה דרכים להכניס רשימת סגנונות (style sheet):

רשימת סגנונות חיצונית (external style sheet) אידיאלית כשה סגנון (style) מופיע במספר גדול של עמודים.

עם רשימת סגנונות חיצונית (external style sheet), אתם יכולים לשנות מראה של אתר האינטרנט כולו על ידי שינוי קובץ אחד.

כל דף חייב להיות מקושר לרשימת הסגנונות (style sheet) על ידי תג <link> .

תג <link> נמצא בתוך חלק head .

ברשימת סגנונות פנימית (internal style sheet) יש להשתמש כשה למסמך בודד יש רשימת הסגנונות ייחודית.

אתם מגדירים סגנונות פנימים (internal style sheet) בראש המסמך עם התג <style> .

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

בסגנון בתוך שורה (inline style) יש להשתמש כשה סגנון ייחודי (unique style) יוחל להופעה יחידה של האלמנט.

כדי להשתמש בסגנונות בתוך שורה (inline styles) אתם צריכים להשתמש בתכונת סגנון (style attribute) שבתוך תג מסוים.

תכונת סגנון (style attribute) יכולה להכיל כל ערכי CSS. דוגמה זו ממחישה כיצד לשנות צבע ורווח שמאלי (left margin) של הפיסקה:

<p style="color: red; margin-left: 20px">
זאת פיסקה
</p>

כדי ללמוד יותר על סגנונות, בקרו בהדרכה CSS שלנו .

תג	תיאור
<style>	מגדיר הגדרות סגנון
<link>	מגדיר מקור הפניה
<div>	מגדיר חלק של המסמך
<span>	מגדיר קטע של מסמך
<font>	אסור לשימוש. תשתמשו בסגנונון במקום
<basefont>	אסור לשימוש. תשתמשו בסגנונון במקום
<center>	אסור לשימוש. תשתמשו בסגנונון במקום

האם מידע זה היה מועיל?

כן לא