המשמעות של סוגריים ב- CSS

וִידֵאוֹ: Brackets урок 22. Emmet - быстрый набор HTML и CSS

תוֹכֶן

מפתחות
סוגריים
סוגריים
Chevrons
הערות CSS
הפניות
טיסות

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

בסוגריים CSS משמשים בגוף של מסמך אינטרנט (Comstock / Comstock / Getty Images)

מפתחות

מפתחות הם המרכיבים העיקריים של תחביר CSS. הם מתכוונים לפתיחה ולסגירה של כל הפרמטרים של CSS הכלולים בהם. מייצגים כ- {}, הם עוקבים אחר רכיבי CSS שמשמעותם תמונה, מיקום, אלמנט תצוגה או שילוב כלשהו של אלמנטים. מפתחות יכולים להתקיים בתוך כל רכיב div / שכבת, והם תמיד בתוך התגים "</ body>". הנה דוגמה:

div # example {padding: 5px; שוליים: 20px; רוחב: 350px; }

סוגריים

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

צבע: rgb (128, 128, 255); image: url ("/ images / bg.png")

סוגריים

סוגריים - [] -, הנקראים בוררי תכונות, משמשים לייצוג ערכי תכונות של אלמנט. היו ארבעה ערכים שונים ב- CSS2 והוספו, אבל שלושה עם CSS3. ארבעת הסלקטורים המקוריים מגדירים את הנוכחות של התכונה - [title], התואמת לכל אלמנט בעל מאפיין "title" שצוין; ערך התכונה הפשוטה - קלט [type = "send"], המתאים לכל רכיב קלט שסוג התכונה שלו שווה ל"שליחה "; ערך התכונה רשימה - p [class ~ = "ספרותי"], המקביל לפסקאות שתכונת הכיתה שלהם היא רשימה של מילים המופרדות על ידי רווחים, שאחד מהם הוא "ספרותי"; ואת ערך התכונה החלקית - [href = = "http:"], המקביל לאלמנטים של קישורים שערך התכונה שלהם מתחיל ב- "http:". הסוגריים לא היו בשימוש הרבה לפני כניסתה של Internet Explorer 7, כי IE6 לא זיהה אותם.

סמלים אלגבריים רבים משמשים כאלמנטים של CSS (BananStock / BananaStock / Getty Images)

Chevrons

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

הערות CSS

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

/ כל הערה נכללת בתוך מקטעים המופרדים על ידי קו נטוי וכוכבית. /

הם יכולים להיות בעלי ערך רב כדי לעזור לך לנווט קטעים של גיליונות סגנון מדורגים.