ה ההבדל העיקרי בין מזהה למחלקה ב- CSS הוא ש מזהה משמש ליישום סטיילינג על אלמנט ייחודי אחד בעוד שהמחלקה משמשת ליישום סטיילינג על אלמנטים מרובים.

קיימות טכנולוגיות שונות בפיתוח אתרים. השפות העיקריות לפיתוח אתרים הן HTML, CSS ו- JavaScript. HTML מייצג שפת Hyper Mark Markup Language. זה עוזר לפתח את מבנה דף האינטרנט. JavaScript עוזר להפוך את דף האינטרנט לדינאמי יותר. CSS מייצג גיליונות סגנון מדורגים. זה עוזר להוסיף סגנונות ולהפוך את דפי האינטרנט ליצירתיים יותר. כללי ה- CSS חלים על רכיבי ה- HTML. כמו כן, בוחרי ה- CSS עוזרים למצוא את האלמנטים וליישם את הסגנון הנדרש על תגי ה- HTML. מזהה ומחלקה הם שני סוגים של בוחרים.

שיעור, כללי CSS, מזהה

מהם כללי CSS

CSS מורכב ממכלול כללים. הדפדפן יכול לפרש כללים אלה וליישם אותם על המרכיבים שצוין במסמך. כלל בסגנון CSS מורכב משלושה חלקים. הם הבורר, הרכוש והערך. הצהרה מתייחסת לשילוב של נכס וערך. הם מופיעים בתוך זוג פלטות מתולתלות כדלקמן.

בורר {property: value; }

בוחר - מסייע בזיהוי האלמנט ליישום הסגנון

תכונה - תכונה. כל תכונות ה- HTML מומרות לנכסי CSS. כמה דוגמאות הן צבע, יישור טקסט, גבול וכו '.

ערך - ערך הוא מה שהוקצה לנכס. לדוגמה, ניתן להקצות כחול לצבע המאפיין.

מהו מזהה

המתכנת יכול להגדיר כלל סגנון המבוסס על מזהה האלמנטים. כל האלמנטים עם אותו מזהה יוחלו עם הסגנון המוגדר. כדי לבחור אלמנט עם מזהה ספציפי, צריך להיות סמל # (hash) ואחריו מזהה האלמנט.

נניח שקובץ ה- HTML מכיל הצהרה כדלקמן.

קובץ CSS מכיל את פיסת הקוד הבאה.

#header1 {

צבע כחול;

}

כאשר הדפדפן מפרש את משפט ה- HTML, הוא בודק את מזהה האלמנט h1, שהוא כותרת 1 בקובץ ה- CSS. לאחר מכן, הוא מחיל את כלל CSS המוגדר על אלמנט h1. לכן הטקסט Hello World יופיע בצבע כחול.

המזהה ייחודי בתוך הדף. לכן, בורר הזיהוי משמש לרכיב ייחודי אחד.

מה זה כיתה

בדומה לזהה, המתכנת יכול להגדיר את כללי הסגנון המבוססים על המעמד של האלמנט. כל האלמנטים עם אותה מחלקה יוחלו עם סגנון מוגדר. כדי לבחור רכיב בעל מחלקה מסוימת, צריך להיות. סמל (נקודה) ואחריו שם הכיתה.

נניח שקובץ ה- HTML מכיל את המשפטים הבאים.

קובץ CSS מכיל את פיסת הקוד הבאה.

.header1 {

צבע כחול;

}

כאשר הדפדפן מפרש את משפט HTML, הוא בודק את סוג האלמנט h1, שהוא כותרת 1 בקובץ ה- CSS. לאחר מכן, הוא מחיל את כלל CSS המוגדר על כל האלמנטים h1. לכן הטקסט Hello World 1 ו- Hello World 2 יופיעו בצבע כחול.

אפשר להשתמש באותה מחלקה על מרכיבים מרובים. לכן בורר המחלקות משמש למספר אלמנטים.

ההבדל בין מזהה למחלקה ב- CSS

הַגדָרָה

id הוא בורר ב- CSS המעצב את האלמנט עם מזהה שצוין ואילו המחלקה היא בורר ב- CSS המעצב את האלמנטים שנבחרו עם מחלקה שצוינה.

תחביר

תחביר המזהה הוא #id {css הצהרות; }. תחביר הכיתה הוא.class {css declarations; }

נוֹהָג

יתר על כן, השימוש ב- id הוא להחיל סטיילינג על אלמנט ספציפי אחד. השימוש בכיתה הוא ליישם סטיילינג על אלמנטים מרובים.

סיכום

המזהה והמחלקה הם שני בוחרים ב- CSS המאפשרים יישום סטיילינג על רכיבי ה- HTML. ההבדל העיקרי בין מזהה למחלקה ב- CSS הוא ש- id משמשת ליישום סטיילינג על אלמנט ייחודי אחד ואילו המחלקה משמשת ליישום סטיילינג על מרכיבים מרובים.

התייחסות:

1. "תחביר CSS ובוררים". הדרכות אינטרנט מקוונות של W3Schools, זמינות כאן.

באדיבות התמונה:

1. "CSS.3" מאת Nikotaf-יצירה משלו (CC BY-SA 4.0) באמצעות Commons Wikimedia