מדריך CSS למתחילים

כתיבת css היא להערכתי פשוטה מאוד ברגע שמבינים את הרעיון . כל מה שצריך לעשות זה למצוא את הCLASS , התגית או הID הנכון של התגית ופשוט לתת לה עיצוב . הסינטקס של CSS עובד כך –

class {property: value}

ואני אסביר – בואו נאמר שאנחנו רוצים לשנות לפסקה שלנו את הצבע לירוק אז אנחנו נכתוב כך –

p {color: green}

אם אתם זוכרים התגית P מסמלת לנו פסקה וכאן ביקשנו לשנות את הפסקה לצבע ירוק .
אם נרצה להוסיף עוד משהו לעיצוב של הפסקה אז נרשום את זה כך –

p {color: green; background-color: yellow}

כאן אמרנו לפסקה להיות בצבע ירוק עם רקע בצבע צהוב, חשוב לשים לב שהפרדנו את העיצובים עם נקודה פסיק ;
אם נרצה לתפוס ID מסויים נהייה צריכים לרשום סולמית לפני הID כלומר כך –

#logo {width: 200px }

ואם נרצה לתפוס CLASS מסויים נהייה צריכים לרשום נקודה לפני הCLASS כך –

logo {width: 200px }

חשוב לזכור – כמו שאין 2 אנשים עם אותה תעודת זהות כך לא יוכלו להיות 2 ID זהים , את אותו ה CLASS נוכל לתת לכל האלמנטים שאותם נרצה לשנות

כאן נוכל לראות דוגמאות לשימושים בסיסים