CSS/שילוב עם HTML/תרגילים: הבדלים בין גרסאות בדף
תוכן שנמחק תוכן שנוסף
מ תיקוני קישורים |
הכנסת התשובות וכתיבת תשובה נוספת |
||
שורה 1:
בדף זה תתרגלו את הנושאים אותם למדתם בפרק '''[[CSS/קישור גליון CSS|קישור גליון CSS]]'''
== שאלה 1 ==
הקטע הבא לקוח מתוך דף HTML ובו טבלה:
<div
<pre>
.
שורה 27:
בגליון main.css לא נכתב דבר, בגליון style.css נכתב שלטבלה צריך להיות רקע לבן, ובפרמטר ה־style נכתב שיש לטבלה רקע אפור. מה יהיה צבע הרקע של הטבלה?
{{מוסתר|תשובה|2=
ב־CSS, פרמטר ה־style תמיד יגבר על הגדרות המוזנות באמצעות <code><link></code>. לכן, אין זה רלוונטי כלל שב־main.css אין תוכן. צבע הרקע של הטבלה יהיה '''אפור'''.
}}
== שאלה 2 ==
<div
<pre>
.
שורה 52 ⟵ 55:
בגליון main.css נקבע כי לטבלה יהיה צבע רקע אפור וב־style.css נכתב כי צבע הרקע יהיה לבן. מה יהיה צבע הרקע של הטבלה?
{{מוסתר|תשובה|2=
כאשר נוצרת סתירה בין גליונות עיצוב מאותה קבוצה (במקרה זה גליונות המוזנים באמצעות <code><link></code>), תמיד יגבר הגליון המוזן אחרון, במקרה זה style.css. לכן, צבע הרקע של הטבלה יהיה '''לבן'''.
}}
== שאלה 3 ==
<div
<pre>
.
שורה 80 ⟵ 86:
בגליון main.css נקבע כי לטבלה יהיה צבע רקע אפור, וב־style.css נכתב כי לטבלה יהיה צבע רקע לבן. מה יהיה צבע הרקע של הטבלה?
{{מוסתר|תשובה|2=
הגליון style.css מופיע בשאלה אחרי main.css, ועל כן הוא יגבר עליו, על אף שהוא מוזן שנית מאוחר יותר (באמצעות ייבוא), משום ש־<code><link></code> תמיד גובר על ייבוא. על כן, צבע הטבלה יהיה '''לבן'''.
}}
== שאלה 4 ==
<div
<pre>
.
שורה 110 ⟵ 119:
בגלין style.css נקבע כי לטבלה יהיה צבע רקע אפור, ב־main.css נקבע כי צבע הרקע יהיה לבן, ובין תגי ה־style נכתב כי צבע הרקע יהיה צהוב. מה יהיה צבע הרקע של הטבלה?
{{מוסתר|תשובה|2=
את הוראת הייבוא אמנם שמים בין תגי <code><style></code>, אך תגים אלו כשלעצמם עדיין גוברים על תגי <code><link></code>. על כן צבע הטבלה יהיה '''צהוב'''.
}}
== שאלה 5 ==
<div
<pre>
.
שורה 138 ⟵ 150:
ב־main.css נקבע כי צבע הרקע יהיה לבן. ב־style.css נקבע כי צבע הרקע יהיה אפור. מה יהיה צבע הרקע?
{{מוסתר|תשובה|2=
גם בתגים <code><link></code> וגם בייבוא יש סתירה, התג <code><link></code> הוא הקובע מבין שניהם והאחרון בקוד מהסוג הזה קובע, לכן צבע הרקע יהיה '''אפור'''.
}}
| |||