יישום נכון של CSS הוא הכרח לכל מי שמפתח אתרים מפני שזו השפה שמאפשרת לנו לעצב את דפי האתר באופן מדויק , שמתאים לדגם שהכנו מראש או שקיבלנו מהגרפיקאי, ואם עובדים נכון אז במאמץ קטן יחסית אפשר לעצב דפים רבים באתר (ואף את כל דפי האתר) מקובץ CSS אחד.
ההיסטוריה של CSS
CSS הופיע לראשונה בסוף שנות ה-90' כדי לפתור את הבעיה שגרמה הכנסת תכונות העיצוב לתוך רמת ה-HTML. כתוצאה מהכנסת העיצוב לתוך תגיות ההטמ"ל נאלצו מפתחי האתרים להכניס לכל דף בנפרד פקודות רבות כדי לעצב אותם, מה שגרם, פעמים רבות, לחוסר אחידות בין דפי האתר, וגם הצריך עבודה רבה. CSS, לעומת זאת, אפשר לעצב את כל דפי האתר מגיליון עיצוב חיצוני אחד בלבד. כתוצאה מכך, חסכו מעצמם מפתחי האתרים עבודה רבה ויכלו לאפשר אחידות רבה לדפי האתר.
אפשרויות לסגנון אתרים באמצעות CSS
כש-CSS הופיע הוא אפשר למפתחים את כל תכונות העיצוב שהיו קיימות ברמת ה-HTML, ואף הוסיף עליהן תכונות חדשות עליהן ניתן לקרוא במדריכי ה- CSS באתר רשת-טק, לדוגמה:
- באמצעות CSS ניתן לעצב את הטקסט באתר. העיצוב כולל את סוג הפונט, גודלו, אפקטים כמו הטייה והדגשה, ריווח בין אותיות, ועוד. באופן דומה, ניתן לעצב את הלינקים באתר ואף לשנות את מראה הלינק בין מצבים שונים.
- CSS מאפשר לשנות את מראה הפסקה, את כיוונה (ימין שמאל או ממורכז), המרווח בין הפסקאות.
- CSS אפשר לעצב את האתר באמצעות divs (יחידות שמחזיקות מידע בדף האינטרנט), כשניתן לבחור היכן למקם את הדיבים, את ממדיהם, ואפילו באיזו שכבה הם יימצאו – האם מאחורי div אחר או מעליו?
- CSS אף מאפשר להסתיר אלמנטים ולהציגם. תכונה חשובה מאוד כשמשלבים טקסט עם תמונות באתר.
התכונות החדשות והמלהיבות של CSS3
בשנים האחרונות הולך ומתגבש סטנדרט חדש ומלהיב, הדור השלישי של CSS, או בקצרה CSS3. התקן החדש מציע סלקטורים מתקדמים שמאפשרים בחירה מאוד מדויקת של אלמנטים בדף, אפשרות לאפקטים של הצללה לטקסט ולתיבות, פינות מעוגלות לתיבות, גרדיאנטים של צבע, ואפילו אנימציות פשוטות. בעזרת התקן החדש, CSS הופך לכלי לעיצוב האתר שמציע להחליף היבטים מסוימים של פוטו-שופ כמו פינות מעוגלות, ואפקטים של הצללה. בנוסף, CSS3 מציע תגובה להתנהגות הגולשים באתר. לדוגמה, אנימציות שיכולות להשתנות בתגובה לפעולה של הגולש דוגמת ריחוף עם העכבר מעל אלמנט מסויים (בדומה ל-rollover) שמציע Javascript. זו תכונה שיכולה מאוד להועיל למי שרוצה תפריט נגלל באתר, וזו רק דוגמה אחת. אתם מוזמנים לגלוש למדריך המקיף של CSS3 בשפה העברית, כדי להתוודע לעולם ה-CSS3 .
לסיכום
CSS הוא כלי הכרחי לכל מפתח אתרים בגלל שהוא מאפשר לעצב את האתר כרצוננו, והיום יותר מתמיד הודות לתכונות החדשות שמציע CSS3.