מאמרים אחרונים מאמרים אחרונים
24/10/2018 19:39
מתכנן הקמת חנות מתנות מקוונת? אספנו עבורך כל מה שחשוב לדעת לפני שאתה יוצא לדרך.
15/09/2018 19:27
יש לך עסק למכירת רהיטים או שאתה מתכנן אחד כזה בקרוב? קרא איך הקמת חנות וירטואלית למכירה של רהיטים בא...
06/09/2018 18:05
מחשבים זו אהבת חייך? האם חשבת למכור מחשבים, טלפונים סלולריים, קונסולות משחק וציוד היקפי באינטרנט? המ...
24/08/2018 13:39
הקמת פורטל בריאות באנגלית
22/08/2018 0:27
מתכנן להקים עסק למכירת מוצרי מזון באינטרנט? אנחנו כאן כדי לעזור לך בתכנון להצלחת העסק.
תגובות אחרונות תגובות אחרונות
בניית חנות וירטואלית
29/08/2018 13:50
חברה לבניית אתר וחנות וירטואלי...
שפת שרת מול שפת לקוח
04/07/2018 15:45
היי, השפות PHP ו-PYTHON שתי...
שפת שרת מול שפת לקוח
04/07/2018 14:10
מה ההבדל בין php ל python

סלקטור class

»
»
סלקטור class

שימוש במזהה class כדי לעצב קבוצת אלמנטים באתר.

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

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

<p class="citation">To be or not to be</p>

כעת עלינו להגדיר בקובץ ה-CSS את מאפייני העיצוב של הפסקאות כרצוננו. סלקטור class מסומן ב-CSS ע"י נקודה לפניו.

במקרה שבדוגמה, נגדיר שהפסקה תהיה ממורכזת והפונט יהיה 14 פיקסלים באופן הבא:

p.citation {
        font-size:14px;
        text-align:center;
}

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

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

.citation {
        font-size:14px;
        text-align:center;
}

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

 

הוספת תגובה

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

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

שילוב מנצח של טכנולוגיה שהיא חוד החנית עם ליווי אישי להצלחה!

 

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

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