מאמרים אחרונים מאמרים אחרונים
22/06/2020 16:11
בניית חנות וירטואלית למכירת שולחנות וכדורי פינג פונג
21/06/2020 18:08
בניית חנות מקוונת למכירת שטיחים בשתי שפות
21/06/2020 17:52
בניית חנות וירטואלית למוצרי שיער, מכשירי תספורת וציוד למספרות
17/06/2020 18:48
הקמה של חנות באינטרנט למכירה של מדבקות קיר מעוצבות
04/06/2020 16:01
בניית חנות באינטרנט למכירת מוצרי סלולר ומחשבים
תגובות אחרונות תגובות אחרונות
עיצוב רווחים ושוליים
21/04/2020 12:37
היי, קוד ה-CSS יכול להרשם בכל...
עיצוב רווחים ושוליים
02/04/2020 6:24
את העיצוב בשפת css כותבים בדף ...
תהליך בניית אתרים
17/10/2019 13:13
אחלה מאמר! ערך מעולה!

סלקטור id

  1. דף הבית
  2. מדריך HTML5
  3. סלקטור id

שימוש במזהה id כדי לעצב אלמנט ייחודי באתר.

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

על מנת לאפיין אלמנט ייחודי, עלינו להוסיף לו בתוך ה-html מאפיין (Attribute) שנקרא מזהה (id). למשל אם אנו רוצים להגדיר שכותרת h1 מסוימת באתר תופיע בצבע ירוק, בעוד שכל שאר הכותרות מופיעות בשחור, נוסיף לו את המאפיין הבא בקוד:

<h1 id="specialh1">This is a special h1 title</h1>

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

השלב הבא הוא להגדיר בקובץ ה-CSS את מאפייני העיצוב של המזהה שהגדרנו. לשם כך נשתמש בסלקטור id והוא יופיע ב-CSS כשלפניו סולמית #. הכותרת הירוקה שלנו תוגדר ב-CSS באופן הבא:

#specialh1 {
    color:green;
}

 

הוספת תגובה

רוצה שנקפיץ גם את העסק שלך?

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

שילוב מנצח של בניית חנות וירטואלית בחוד החנית של הטכנולוגיה עם שיווק אפקטיבי להגדלת המכירות.

 

לא מהססים! ממלאים את הטופס או מתקשרים עכשיו 077-7644819

 
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: