כדי לדעת להשתמש במדריך צריכה להיות לכם הבנה בסיסית ב- html/xhtml
*תוכלו למצוא הסברים על זה בפוסטים הקודמים באתר – הקדמה ל HTML .
אם כבר דיברנו על יעילות בתכנות CSS תומך בעיקרון הבסיסי לא לחזור על עצמך (dry)
מה זה css?
- ראשי התיבות Cascading Style Sheets.
- css מגדיר איך יוצגו אלמנטים של HTML.
- css התווסף ל- HTML 4.0 על מנת לפתור בעיות.
- דפי עיצוב חיצוניים (External Style Sheets) יכולים לחסוך עבודה רבה, וזמן כמובן.
- דפי עיצוב חיצוניים מאוחסנים בקבצי css.
סגננות פותרים בעיה גדולה
HTML לא היה אמור להכיל תגיות לעיצוב מסמכים אלא בכוונתו להגדיר את תוכן המסמך, למשל:
<h1>זאת כותרת</h1>
<p>זאת פסקה</p>
כשתגיות כמו <font> וייצוג לצבעים התווספו לhtml 3.2 זה נהיה בלאגן מטורף למפתחי אתרים.
במיוחד באתרים גדולים שבהם היה צריך לשנות ולהוסיף לכל דף ספציפית מאפייני פונט וצבע זה נהיה עסק ארוך ויקר בזמן.
על מנת לפתור את כל הבעיות נוצר הcss!
בhtml 4.0 אפשר להסיר את כל תגיות העיצוב ולאחסן אותן בקובץ css נפרד ממסמך הhtml.
כל הדפדפנים תומכים כיום בcss.
css חוסך הרבה עבודה! (:
css מגדיר איך יוצגו אלמנטים של html
העיצוב בדר"כ נשמר בקובץ css חיצוני. דבר זה מאפשר לך לשנות את סגנון העיצוב של כל הדפים באתר ע"י עריכה פשוטה של קובץ אחד.
css מאפשר לנו להציג בקלות את התוכן שלנו למסכים \ מכשירים שונים בעזרת התאמת דף CSS שונה לכל מכשיר או מסך בלי לשנות בכלל את התוכן או כלום במערכת, CSS וHTML בעצם מהווים יחד את הviewer במודל הMVC אבל בפועל היום הHTML מיוצר באופן דינאמי ע"י הCONTROLLER שהוא הPHP/ASP או מערכת ניהול התוכן כך שההבדל העיקרי בviewer בין מכשירים שונים יהיה בCSS (ואבוי לנו אם לא היה CSS)