CSS-בורר, ותפקידה עיצוב HTML-המסמך

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

סוגים של סלקטורים ב CSS

בהתאם שאליו האלמנט מוחל בפורמט HTML, CSS-בורר עשויים להתייחס לאחת הקבוצות הבאות:

• בורר תגים;
• בורר בכיתה;
• id-בורר;
• מייחסים בוררים.

בורר התגים

זה נקרא גם "בורר סוג" או "אלמנט", הוא הכי פשוט ונפוץ. כמו CSS-המסמך שלו הם שמות של האלמנטים של HTML-קובץ, אשר אנו מתארים. לדוגמה, אם אנחנו צריכים להגדיר סגנון פסקה, אנו מגדירים את המאפיינים ואת ערכיהם עבור אלמנט p {background: X; צבע: y; גודל: z}. במקרה זה, כל הפסקאות של דף האינטרנט תהיה אותה תבנית (צבע הרקע, גודל הטקסט, וכן הלאה. ד).

בורר בכיתה

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

CSS-המסמך במקרה הזה יכיל סעיף מן הטופס הבא: p.first {צבע: X; Font-size: y}. לפיכך, אנו מגדירים את המאפיינים של "צבע" ו "גודל" רק בפסקה מהשורה הראשונה.

In a html-מסמך במקרה הזה נכנס תכונת מעמד שם הסגנון הראשון. חוגים יכולים להיות ככל הסגנון שברצונך להחיל עבור רכיבי אתר אינטרנט.

זיהוי בורר

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

ואז ב-מסמך html הקצאה מזהה כותרת h1, articlename כזה. ובכל-קובץ CSS, לציין את הסגנון, הוספת סורג שם מזהה: #articlename {צבע: כחול; text-align: center}. עכשיו הכותרת שלנו תהיה בצבע כחול מרוכז.

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

מייחסים סלקטורים

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

• על ידי הנוכחות של התכונה;
• לפי השווי המדויק שלה;
• לפי ערך מאפיין חלקית;
• על הערך הספציפי שלה.

הבה נבחן כל אחד מן המינים הללו:

1. המקרה הראשון. עיצוב מוחל, אם נוכח html-קוד ספציפי תכונה (זה יכול להיות p, div, כותרת, וכו '). אם זה לא, הוא משתמש גנרי עבור כל האלמנטים של סגנון. לדוגמה, עבור אלמנטים שיש את הכותרת (קצה הכלי).
2. המקרה השני. הסגנון חל רק על html-האלמנטים שיש התאמה מדויקת של ערכי תכונות. לדוגמה, כדי להזין את האלמנטים, כאשר הערך של המאפיין type שווה להגיש.
3. המקרה השלישי. תחת הפורמט יכלול רק פריטים ברשימה של ערכים שיש לו מילה מסוימת. לדוגמה, Sidebar תכונה "הכיתה" עבור div אלמנטים.
4. המקרה הרביעי. סגנון מוגדר רק עבור אותם אלמנטים של HTML-מסמך, אשר תכונה מסוימת יש ערך מסוים, ומתחיל איתו. לדוגמא, השימוש בצבע המיועד בכל האלמנטים אשר התכונה בשפה האנגליה (אשר עשוי להיות צמוד, אן-רוס, en-au ו t. ד).

לכן, באמצעות אחד או אחר, בורר CSS, יכול להיות הכי כמפורט דף אינטרנט שלם, ולתאר כמה האלמנטים שלה.