Font size
WorksheetsCSS Quiz
Total questions: 10
Worksheet time: 16mins
איזו טענה אינה נכונה?
נשתמש בקוד CSS כדי לעצב אלמנטים
העיצוב של אלמנט מוגדר באמצעות מאפיינים
על ידי סלקטור נבחר אלמנט ונשנה לו את המאפיינים שנרצה לסגנן
לא ניתן לכתוב בשתי השפות באותו קובץ, וחובה להפריד את הקודים לקבצים שונים
🔴 בחרי את כל הקודים שמייצגים צבע אדום 🔴
#FF0000
rgb(255,0,0)
red
#00FFFF
rgb(255,255,0)
נרצה שהטקסט בדף האינטרנט שלנו יהיה מיושר מימין לשמאל. מהי הפרקטיקה הנכונה לביצוע המשימה?
<html dir="rtl">
<html style="direction: rtl;">
בתוך אלמנט style בראש העמוד נגדיר
html { direction: rtl; }
בתוך קובץ css חיצוני אותו נקשר לדף שלנו נגדיר
html { direction: rtl; }
מדוע חשוב שהתוכן שלנו יתוייג באלמנטים בעלי משמעות?
כדי שהוא ייתמך על ידי טכנולוגיות בהן משתמשים אנשים עם מוגבלויות בעת צפייה באתר
כדי שאלגוריתמים של מנועי חיפוש יבינו אותו טוב יותר, וכך יגדל הסיכוי שהוא יעלה בראש תוצאות חיפוש בנושא רלוונטי
כדי שיהיה לנו ולמפתחי ווב נוספים קל וברור לקרוא ולהבין את הקוד שלנו, במידה ונרצה לערוך אותו מאוחר יותר
מה מהבאים נכון לגבי style?
(יותר מתשובה אחת נכונה)
<style>
הוא אלמנט. בין התגיות שלו נכתוב קוד CSS
style=""
היא תכונה של אלמנט. בין המרכאות שלה נכתוב קוד CSS.
style:
הוא מאפיין ב-CSS. אחרי הנקודתיים נציין את הסגנון הכללי של האלמנט.
style { }
הוא סלקטור. נשתמש בו כדי לבחור אלמנטים מסוג style.
בחרי את התשובה הנכונה ביותר 👓
למאפיין display יש רק שלושה ערכים אפשריים: block, inline, flexbox
לא ניתן לשנות את הערך ההתחלתי של display של האלמנט div, שהוא block
אם נשנה את span להיות בעל ערך display של block, הוא יהפוך להיות זהה לחלוטין לאלמנט div
ניתן ערך display: flexbox לאלמנט שנרצה שילדיו יסודרו בשורה או בעמודה
ערך display: inline מוגדר עבור אלמנטים אותם מסגננים בשיטת ה-inline
בתמונה לפנינו קטע קוד עם שלוש כותרות. באילו סלקטורים נשתמש בשביל לשנות את הצבע של השתיים הראשונות בלבד לכחול?
.h1, h2 { color: blue; }
h2 { color: blue; }
#h1, #h2 { color: blue; }
.h2 { color: blue; }
#h2, .h1 { color: blue; }
למה נשים לב כשנעבוד בקמפוס?
להעלות את המשאבים (תמונות, קבצי css וכו') לקמפוס, כאשר הנתיב המקשר אליהם מתחיל ב-/static/
אם סלקטור לא משנה את הסגנון של האלמנט שרצינו, ננסה להיות יותר ספציפיים, ובמקרה הכי גרוע נשתמש בהצהרה
!important
נעטוף את הקוד שלנו באלמנט div עם מזהה ייחודי, בו נשתמש בכל הסלקטורים שלנו
נכתוב קוד ברור, בדגש על נגישות ורספונסיביות, ובמידת הצורך נשלב בו הערות
הבט בקטע הקוד שלפניך. באיזה צבע יוצג הטקסט "HELLO!"? (כלומר, איזה סלקטור "מנצח"? 💪)
ירוק
כחול
כתום
אדום
המפל של CSS: כאשר מספר סלקטורים משנים לאותו אלמנט את אותה התכונה, מה הקריטריון עם המשקל הרב ביותר בהכרעה ביניהם?
קדימות (האחרון מנצח)
ספציפיות הסלקטור
הצהרת
!important
ירושה מההורה
