מאמרים אחרונים מאמרים אחרונים
15/05/2020 13:15
בניית אתר קטלוגי למכירה של סוככים, מרקיזות, פרגולות ומרקיזות
13/05/2020 15:41
בניית חנות וירטואלית לשעונים לגבר ולאישה
13/05/2020 15:06
בניית חנות וירטואלית לתכשיטים מעוצבים באנגלית ובעברית
30/04/2020 14:51
חנות מקוונת למכירה של חלקים ואביזרים לרכבי שטח
29/04/2020 21:10
בניית חנות אינטרנטית למכירת דלתות מעוצבות
תגובות אחרונות תגובות אחרונות
עיצוב רווחים ושוליים
21/04/2020 12:37
היי, קוד ה-CSS יכול להרשם בכל...
עיצוב רווחים ושוליים
02/04/2020 6:24
את העיצוב בשפת css כותבים בדף ...
תהליך בניית אתרים
17/10/2019 13:13
אחלה מאמר! ערך מעולה!

תחביר CSS

  1. דף הבית
  2. מדריך HTML5
  3. תחביר CSS

כיצד בנוי קובץ CSS ומהם עקרונות התחביר שלו?

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

כל הצהרה מורכבת מתכונה (Property) וערך (Value). התכונה היא שמו של המאפיין (attribute) ב-html שאותו אנו רוצים לשנות והערך של כל תכונה מגדיר את העיצוב החדש שלה.

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

h1 {
    font-size:28px;
    color:blue;
}

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

h1 {font-size:28px; color:blue;}

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

 

הוספת תגובה

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

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

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

 

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

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