cascading style sheets reference

מדוע אנו צריכים css-ים?

הרעיון המרכזי שמונח ביסוד ה-css-ים,

הוא שאתרי אינטרנט אמורים להפריד בין תוכן ומראה.

כמפתח אתרים פירושו של דבר, שהמידע באתר שלכם אמור להיכנס לקבציי ה-HTML שלכם, אך קובצי HTML לא אמורים להכיל מידע לגבי כיצד המידע הזה מוצג, ובוודאי כבר ניחשתם, עד עתה, שהמידע הנוגע לכיצד הדפים אמורים להופיע נכנס לקובצי ה-css.

אתם אולי תוהים מה הם היתרונות שזה נותן. למה לטרוח כל כך? מספר יתרונות בודדים יוכלו לתת לכם מושג לגבי מדוע גישה זו נחשבת מועילה מזה זמן.

גישת ה-HTML המסורתית היא להפוך ל"קוד קשיח" ("hardcode") את כל המידע לגבי המראה שבדף. כך שתרצו את כל הכותרות שלכם בפונט courier ואת הפונטים בגדלים אחרים מהגדלים הבנויים אל תוך הדפדפנים, כך שבכל כותרת, בכל דף, תקבעו את גודל הפונט ומאפייני המראה (face properties). יש לכם יותר מ-100 דפים? זו כמות גדולה לערוך, ולערוך עריכה מחדש אם תחליטו לסדר את הופעת הדפים שלכם מאוחר יותר. ובנוסף לכל העריכה הזו קיימת אפשרות רבה לעשות טעויות.

בעזרת ה-css-ים אתם יכולים להחליט כיצד יופיעו הכותרות, ולהכניס מידע זה פעם אחת. לכל כותרת בכל עמוד שמקושר לדף סגנון זה יקבל כעת את אותו מראה. תרצו להפוך כל כותרת של רמה 3 לקטנה במעט? ערכו את דף הסגנון, וכעת כל כותרת שכזו תקבל את המראה האחר. כמה שעות עבודה (ושגיאות פוטנציאליות) חסכתם לעצמכם זה עתה.

יתרון גדול נוסף מערב את הניהול של אתרים גדולים ומתוחכמים. עם ה-css-ים כל הארגונים יכולים להתחלק במספר css-ים קטן, דבר המבטיח עקביות לאורך כל האתר ללא כל צורך בעדכון מתמיד ועריכה כדי להתאים שינויים. דיון מפורט ביתרון זה - תבדקו ב- managing style at large sites, sites בחלק המדבר על דירוג.

קיימים גם יתרונות רבים אחרים. רבים מהדפים בחלק המקורות של האתר שלנו דן בהם, לכן לא נתעכב על כך כאן. אם עדיין לא השתכנעתם, הקדישו קצת זמן ותעלעלו בדפים הללו.

בחלק זה

בחלק זה שאלנו - מדוע בכלל לטרוח עם ה-css-ים? הרעיון הראשי הראשון שנתקלנו בו הוא שהתוכן והמראה בדפי האתרים חייבים להיות מופרדים. ההופעה נכנסת לקובצי ה-ss (.ss), לעומת תוכן שנכנס לקובצי ה-HTML. כמובן שקובצי ה-HTML הללו חייבים להימנע מתוויות כמו בולט (bold), נוטה (italic) כמו גם תכונות bgcolor וכללי מראה אחרים.

בחלק הבא

לפני שניכנס לפרטים הטכניים של כיצד פועלים ה-css-ים, נעיף מבט קצר בשני רעיונות חשובים שלעיתים קרובות מתעלמים מהם - דירוג וירושה . עם שני הרעיונות החשובים הללו שיש לנו באמתחתנו, נהיה מוכנים להתמודד עם היצירה והעריכה של ה-css-ים.