כיצד להשתמש בבורר הזיהוי ב- CSS

אַפּרִיל 29, 2024

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

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

קוד בסיסי

. . .

דוגמא

. . .

בורר תעודות זהות

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

{ערך הנכס;}

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

. . .

כשאתה משתמש בבורר הזיהוי בגוף דף האינטרנט, תשתמש בתכונה id בתוך תג ה- HTML הפותח. הערך עבור תכונת ה- id הוא השם הייחודי שניתן לבורר הזיהוי, במקרה זה "special_text". (id = "value") כך הבורר "מחבר" את הסגנון לתג HTML זה שאליו ברצונך להחיל את הסגנון. בדוגמה שלמעלה, בורר הזיהוי יונח בתוך אחד בלבד

תג בדף האינטרנט. על תגי HTML אחרים בדף האינטרנט לא להכיל את בורר הזיהוי בתוך תג הפתיחה.

הוראות וידאו: css-1 (אַפּרִיל 2024).

כיצד להשתמש בבורר הזיהוי ב- CSS, HTML, סוגי כללי CSS, כיצד להשתמש בבורר ID, ובוחר ID של CSS

למאמר הקודם

למאמר הבא

מאמרים קשורים

מחשבים

מקורי פנטזיה סופיים

אַפּרִיל 2024

ליהנות מ- Final Fantasy 1 - המקור? להלן כמה צילומי מסך של Final Fantasy Origins, שעשו חידוש גרפי של משחק ה- Final Fantasy הקלאסי מ- NES. סקירת מקורות פנטזיה סופיים היסטוריית פנטזיה סופית...

מחשבים

ישויות תווים מיוחדים ב- HTML

אַפּרִיל 2024

Ora che hai completato la serie HTML Basics, sai che alcuni caratteri speciali sono usati nel codice HTML come. Ma prima di iniziare a studiare HTML, potresti aver usato questi stessi caratteri...