אתגר עיצוב בסיסי
חלק מהיחידה עיצוב באמצעות CSS במסלול ה-HTML של Coddy. שיעור 9 מתוך 76.
אתגר
קלנתון לך מסמך HTML עם כותרת (<h1>) ופסקה (<p>). המשימה שלך היא לעצב את הרכיבים האלה באמצעות שילוב של CSS מוטבע, פנימי וחיצוני. בצע את השלבים הבאים:
- השתמש ב-CSS מוטבע כדי לשנות את צבע הטקסט של הכותרת
<h1>ל-blue. - השתמש ב-CSS פנימי כדי לשנות את צבע הרקע של
bodyל-lightgray ואת גודל הגופן של הפסקה (<p>) ל-16px. - השתמש בקובץ ה-CSS החיצוני שסופק בשם
styles.cssכדי לשנות את צבע הטקסט של הפסקה (<p>) ל-red. - קשר את קובץ ה-CSS החיצוני למסמך ה-HTML באמצעות תגית
<link>.
נסו בעצמכם
<html>
<head>
<title>Basic Styling Challenge</title>
<style>
body {
background-color: white;
}
p {
font-size: 12px;
}
</style>
<!-- קשר כאן לקובץ CSS חיצוני -->
</head>
<body>
<h1 style="color: red;">This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>כל השיעורים ביחידה עיצוב באמצעות CSS
תרגלו בעצמכם: Web אונליין