כיתה לעומת ID
Cascading Style Sheets (CSS) היא שפה המתארת את המראה והעיצוב של מסמך שנכתב באמצעות שפת סימון. CSS נמצא בשימוש נרחב לעיצוב דפי אינטרנט הכתובים ב-HTML. CSS מאפשר לציין בוררי סגנונות משלך בנוסף להחלת סגנונות עבור רכיבי HTML. זה נעשה באמצעות המזהה ובוררי הכיתה. בעת ציון סגנון עבור רכיב ייחודי יחיד, נעשה שימוש בבורר המזהה. בעת ציון סגנון עבור קבוצת אלמנטים, נעשה שימוש בבורר המחלקה.
מה זה מחלקה?
ב-CSS, ניתן להשתמש בבורר מחלקות כדי להחיל סגנון משלך על קבוצת אלמנטים.בורר המחלקה משמש להחלת סגנון ספציפי על קבוצה של אלמנטים עם אותה מחלקה. ב-CSS, בורר מחלקה מזוהה על ידי נקודה (.). להלן דוגמה לבורר מחלקות המוגדר ב-CSS.
.my_class {
צבע: כחול;
font-weight: bold;
}
HTML יכול להתייחס למחלקה המוגדרת ב-CSS באמצעות מחלקת התכונה כפי שמוצג למטה.
זה הפורמט שלי
זה שוב הפורמט שלי
כפי שמוצג לעיל, אותה מחלקה יכולה לשמש למספר אלמנטים ורכיב בודד יכול להשתמש במספר מחלקות. כאשר נעשה שימוש במספר מחלקות באותו אלמנט, המחלקות מוכנסות לתכונת המחלקה המופרדת ברווח כפי שמוצג למטה.
זהו העיצוב שלי באמצעות שתי מחלקות
מהו תעודה מזהה?
ב-CSS, ניתן להשתמש בבורר מזהים כדי להחיל סגנון משלך על אלמנט ייחודי יחיד. ב-CSS, בורר מזהה מזוהה באמצעות hash (). להלן דוגמה לבורר מזהה המוגדר ב-CSS.
my_ID {
צבע: אדום;
text-align:right;
}
HTML יכול להתייחס לבורר המזהים המוגדר ב-CSS על ידי שימוש במזהה התכונה כפי שמוצג למטה.
זהו הפורמט שלי בורר מזהה
מזהים הם ייחודיים. לכן לכל רכיב יכול להיות רק מזהה בודד ולכל עמוד יכול להיות רק אלמנט בודד עם מזהה ספציפי זה. לזהות יש מאפיין חשוב שניתן להשתמש בו עם דפדפן. אם כתובת האתר של הדף מכילה ערך hash (למשל https://myweb.commy_id) הדפדפן ינסה לאתר באופן אוטומטי את האלמנט עם המזהה "my_id" ולגלול בדף האינטרנט כדי להציג את הרכיב הזה. זו אחת הסיבות שבגללה הדף צריך לכלול רכיב בודד עם המזהה הספציפי הזה, כדי שהדפדפן יוכל לאתר את הרכיב הזה.
מה ההבדל בין מחלקה לתעודה מזהה?
למרות שניתן להשתמש גם בבורר המחלקות וגם בבורר המזהה כדי להחיל סגנון משלך על אלמנטים בדף אינטרנט, יש להם כמה הבדלים חשובים.ניתן להשתמש בבורר הכיתה כדי להחיל סגנון משלך על קבוצת אלמנטים, בעוד שבורר הזיהוי משמש להחלת סגנון על אלמנט יחיד וייחודי. בעת שימוש במזהים, לכל רכיב יכול להיות רק מזהה בודד ולכל עמוד יכול להיות רק רכיב בודד עם המזהה הספציפי הזה, אך ניתן להשתמש במחלקה עבור מספר אלמנטים ורכיב בודד יכול להשתמש במספר מחלקות. יתר על כן, ניתן להשתמש במזהה כדי לגלול דף באופן אוטומטי כדי להציג את הרכיב עם המזהה הזה, אך זה לא אפשרי עם בורר המחלקות.
