.Nbuj {text-align:center;font-weight:bold}
שימו לב לנקודה שלפני שם הסגנון. (השם Nbuj הוא שם הסגנון שבחרתי - תוכל לקרוא לסגנון בכל שם אחר שתבחר כל עוד השם איננו זהה לשם של תגית או למילה שמורה של CSS). כרגע הסגנון הזה אינו פעיל במסמך, אולם בכל תגית שבה תוכנס השורה "class="Nbuj, הטקסט שבתוכה ימורכז ויודגש.
ניתן ליצור גם CLASS ולהחיל אותו רק על תגיות מסוג מסוים, לדוגמה נכין לנו סגנון כזה (שימו לב טוב להגדרות):
<style>
.my1{background-color:beige}
p.my1{color:green;text-indent:25px}
h3.my1{color:yellow;text-align:rightright}
h3{color:blue}
h3{color:orange}
</style>
<p>line 1.</p>
<p class="my1">line 2</p>
<h3>line 3</h3>
<h3 class="my1">line 4</h3>
עכשיו בואו נראה מה יקרה במסמך:
- השורה הראשונה לא קיבלה כל סגנון ולכן היא מופיעה בשמאל המסך בשחור על רקע לבן.
- השורה השניה קיבלה סגנון my1 המשויך לתגית P ולכן צבעה יהיה ירוק על רקע בז' והיא תיכנס ימינה לעומק 25 פיקסלים.
- שורה 3 מוקמה על רקע לבן, קיבלה צבע כתום ולא נעה ממקומה.
- לעומת זאת, שורה 4 נאלצה לעבור לצדו השני של המסך ולהיצבע בצהוב על רקע בז' .
שימו לב שאף לא שורה אחת קיבלה את הצבע כחול וזאת משום שבסתירה בין פקודות CSS בעלות עדיפות זהה, הפקודה האחרונה היא הקובעת. (אחרון חביב - וקובע).
רשומות
אין תגובות:
הוסף רשומת תגובה