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

לדוגמה שלנו, ואנחנו נוסיף צבע רקע, פנים גופן, גודל גופן ובקרת צבע טקסט

תגית. זה יגרום להכל בין כל פתיחה וסגירה

תגים שיישלטו על ידי ההגדרות החדשות שלנו בכל דף האינטרנט.

p {
צבע רקע: # 000000;
גופן-משפחה: אריאל;
גודל גופן: 12px;
צבע: #ffffff;
}

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

  • אתה יכול למקם את כלל ה- CSS המותאם אישית שלך בתוך התגיות בחלק הראש של דף האינטרנט שלך.

  • אתה יכול למקם את כלל ה- CSS המותאם אישית שלך בתוך קובץ CSS חיצוני.

  • הגדרות CSS המותאמות אישית שתוסיף לבורר תגים מסוים חייבות להכיל מאפיינים שיכולים להיות בשליטה על ידי אותו תג.

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

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




הוראות וידאו: Ruby on Rails by Leila Hofer (אַפּרִיל 2024).