וובמאסטר - תיכנות ובניית אתרים

מדריך CSS - תתי-אלמנטים

רן בר-זיק ,‏ אינטרנט ישראל‏ ‏/‏ 10 אוגוסט, 2003
F+
F-
קיימים בדף HTML מספר אלמנטים שאי-אפשר להגדיר בתוך תגית מסוימת, כגון: אות ראשונה בפסקה או שורה ראשונה. השורה הבאה מגדירה לדפדפן להציג את האות הראשונה בפסקה בגודל כפול, ולהטותה הצידה:

p:first-letter{font-style:italic;font-size:200%;}
אותו דבר אפשרי גם לגבי שורה ראשונה.

p:first-line{font-weight:bold;font-size:120%;}
תת אלמנט של A קיים גם כן:

A:link{color:gold;}
A:hover{color:white;background-color:gold;}
A:active{color:orange;}
A:visited{color:red;}
הגדרות אלה מורות לדפדפן להציג את תוכן תגית <A> בזהב, לשנות את צבעו ללבן עם רקע זהוב בעת מעבר הסמן עליו, לשנות את צבעו לכתום אחרי הלחיצה ואילו לינק שכבר בוקר יצבע באדום.

קיים גם תת-אלמנט :focus אשר מפעיל את הסגנון כאשר האלמנט מקבל פוקוס, בין אם בלחיצת העכבר או בהקשת TAB. ישנם גם תתי-אלמנטים אחרים כגון: :first-child ו- :lang , אולם שלושת אלה אינם פעילים עדיין בדפדפנים.

רן בר-זיק, אינטרנט ישראל

מתכנת PHP מנוסה ובעל ידע רב בפיתוח לאינטרנט על בסיס LAMP. מומחה במערכות דרופל, ג'ומלה ו-וורדפרס. שולט היטב בכל מה שקשור לפרונט אנד: JavaScript: jQuery ו-MooTools,ActionScript 2/3 וכמובן HTML 5 + CSS 3.

אינטרנט ישראל: www.internet-israel.com
תגיות: CSS‏  /  מדריך‏  /  בניית אתרים‏  

תגובות בפייסבוק

תגובות למאמר



תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות