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

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

בCSS

בהתאם למה שhtml-היסוד חל עיצוב, CSS-בורר עשוי להתייחס לאחת מהקבוצות הבאות: תגי בורר

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

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

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

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

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

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

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

    מייחס בנוסף

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

    • על ידי הנוכחות של תכונה;
    • על הערך המדויק שלה;
    • על ערך תכונה חלקי;
    • של הערך המסוים שלה.

    הבה נבחן כל אחד מסוגים הבאים: המקרה הראשון

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

    כך, באמצעות אחד או אחר CSS-בורר הטוב ביותר יכול להיות ממוקם בכל דף אינטרנט, ומתאר כמה ממרכיביה.