cascading style sheets reference

סוגים של אלמנטים

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

כל סוג של אלמנט מוצג בדרך שונה. זוהי הסיבה מדוע ל-CSS יש את המאפיין display-type (סוג-תצוגה). בעזרת המאפיין סוג-תצוגה, באופן תיאורטי, אתם יכולים להגדיר מחדש את סוג התצוגה של אלמנט כלשהוא. באופן מעשי, דפדפנים יכולים (ולרוב הם כן) להתעלם מכל נסיון להגדיר מחדש את סוג התצוגה של האלמנט. במקום זה, הם משתמשים בסוג התצוגה כמוגדר ע"י ההמלצה של HTML, של ארגון האתרים העולמי (WWW).

קבוצות התצוגה השונות הן:

• גוש
• בשורה
• פריט מתוך רשימה

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

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

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

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

מיקום בעזרת דפי סגנון

המיקום ב-CSS2 מציג דרכים לסידור נכון של דפי האתר, ומסיר את הצורך ל ” kludges ” של הטבלאות הלא נוחות ו-gifs שיוצרים רווחים שנמצאו בשימוש מזה זמן כדי לתת מבנה יותר מעניין לדפי האתר

ניתן לגלות כיצד המיקום פועל בשיעור החדש שלנו מיקום בעזרת Positioning with CSSP.

הדפסה

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

סוגי מדיה

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

תוכן מיוצר

CSS2 מאפשר להניס תוכן לפני או אחרי אלמנטים מסויימים. לימדו כיצד לעשות זאת בחלק שלנו על תוכן מיוצר.

הצעות לגבי נושאים מתקדמים יותר מתקבלים בברכה. שאלו או הציעו ל-
bar-ilan@bui.ac.il

תודה.