בורר אוניברסלי
חלק מהיחידה עיצוב באמצעות CSS במסלול ה-HTML של Coddy. שיעור 15 מתוך 76.
בורר כללי הוא בורר רב־עוצמה ב-CSS שמכוון לכל רכיבי ה-HTML בדף. הוא מיוצג בכוכבית (*).
כאשר משתמשים בו, הבורר האוניברסלי מחיל את הסגנונות שצוינו על כל הרכיבים, ללא קשר לסוג, למחלקה או למזהה שלהם. הוא יכול להיות שימושי להגדרת סגנונות גלובליים או לאיפוס סגנונות ברירת המחדל בכל המסמך.
הנה התחביר הבסיסי לשימוש בבורר האוניברסלי:
* {
property: value;
}לדוגמה, נניח שרוצים להגדיר את צבע הטקסט וגודל הגופן כברירת מחדל לכל האלמנטים בדף. אפשר להשתמש בבורר האוניברסלי כך:
* {
color: black;
font-size: 14px;
}
אתגר
קלניתן לך מסמך HTML עם רכיבים שונים, כולל כותרות (<h1>, <h2>), פסקאות (<p>) וחלוקה (<div>). המשימה שלך היא להשתמש בבורר האוניברסלי כדי לעצב את הרכיבים האלה. בצע את השלבים הבאים:
- כתוב כלל CSS באמצעות הבורר האוניברסלי, שקובע את צבע הטקסט של כל הרכיבים ל-darkgray ואת גודל הגופן ל-16 פיקסלים.
נסו בעצמכם
<html>
<head>
<title>Universal Selector</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a main heading</h1>
<h2>This is a subheading</h2>
<p>This is a paragraph.</p>
<div>This is a division.</div>
</body>
</html>
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה עיצוב באמצעות CSS
3בוררים בסיסיים
מבוא לבורריםבורר סוגבורר מחלקהבורר מזההבוררים קבוצתייםבורר אוניברסליאתגר בחירת רכיבים12יסודות העיצוב הרספונסיבי
מהו עיצוב רספונסיבי?תגית Meta של Viewportפריסות גמישותיחידות Viewportיסודות Media Queriesתמונות גמישותתרגלו בעצמכם: Web אונליין