הקדמה

אוקי , הבנתי מה זה CSS... אבל איך משתמשים בזה ?

בCSS אנחנו מדברים בעזרת
בוררים , מאפיינים , וערכים

Selector(בורר) : הם כמו תגי שם לחלקים בHTML . אנחנו בוררים איזה חלק אנחנו רוצים לערוך.
לדוגמה תמונת הפרופיל , הביוגרפיה , או הרקע.
Property(מאפיין) : המאפיין בתוך החלק שאנחנו רוצים לערוך , למשל , צבע הרקע , כמה אחוזי שקיפות , או מה הגובה והרוחב
values(ערכים) : השינוי עצמו שאנחנו רוצים לבצע, כמו למשל אדום , 20% או שלושים פיקסלים .

הם נכתבים ככה




1. כותבים את שם הבורר (החלק שרוצים לעצב).
2. פותחים סוגריים מסולסלים {.
3. רושמים את המאפיין שרוצים לערוך, ואחריו שמים נקודתיים :.
4. כותבים את הערך.
5. מסיימים את המשפט עם נקודה-פסיק ; (סופר חשוב!).
6. ולבסוף, זוכרות לסגור את הסוגריים המסולסלים } כדי שהאתר ידע שהוא מוכן לעבור לבורר הבא!

💡טיפ : הנקודה פסיק היא כמו סוף משפט , בלעדיה הוא לא יודע איפה להמשיך למשפט הבא !




רוצים לראות את הקסם בפועל ? בואו ננסה לשנות את הצבע של הביו!

1.לכו לפרופיל שלכם בArtBird
2.תכנסו לעריכת הפרופיל
3.ותגללו למעטה לאזור של הCSS
4. תערכו את המאפיין background-color בתוך הבורר
profile-bio-box.
לאיזה צבע שתרצו , אפשר להשתמש בhex code , rgba וגם פשוט לכתוב את הצבע שאתם רוצים באנגלית
לדוגמא yellow
5. שמרו את השינויים!
(במקרה שזה לא עובד, יכול להיות שהצבע של האתר משפיע
אפשר לקפוץ מעל זה אם כותבים important! בין הערך ל נקודה פסיק ; (זה נכתב משמאל לימין , אז קודם ! ואז important )




אחרי שסיימתם זה אמור להראות ככה:




תכתבו בתגובות אם זה עבד לכם , ואיך הקוד נראה אצלכם !
נתראה בפרק הבא !