פרק 1: מבוא ל-CSS
בפרק זה נלמד על:
- מה זה CSS ולמה הוא משמש
- היסטוריית CSS וגרסאותיו השונות
- דוגמה פשוטה לשימוש ב-CSS
מה זה CSS ולמה הוא משמש
CSS (Cascading Style Sheets) הוא שפה לעיצוב דפי אינטרנט. הוא מאפשר לנו לשלוט במראה ובתחושה של אלמנטים ב-HTML באמצעות הגדרות של צבעים, גופנים, ריווחים ועוד. CSS מאפשר ליצור ממשקים מקצועיים ויפים על ידי הפרדת העיצוב מהתוכן.
היסטוריית CSS וגרסאותיו השונות
CSS פותח לראשונה בשנת 1996 וגרסה 1.0 שוחררה באותה שנה. מאז, יצאו גרסאות נוספות עם תכונות חדשות. CSS2 שוחררה ב-1998 ו- CSS3 הושקה ב-1999. CSS3 חולק למודולים, כל אחד מהם מוסיף תכונות חדשות כגון אנימציות, גישות למידול רשת, וגרדיאנטים.
דוגמה פשוטה לשימוש ב-CSS
להלן דוגמה בסיסית לשימוש ב-CSS לצורך שינוי צבע הרקע של הדף וצבע הטקסט של הכותרת:
<!DOCTYPE html>
<html lang="he">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>דוגמה ל-CSS</title>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
</style>
</head>
<body>
<h1>ברוכים הבאים ל-CSS!</h1>
<p>זוהי דוגמה פשוטה לשימוש ב-CSS.</p>
</body>
</html>
