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

‏ • Internet Israel

קיימים בדף 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

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

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!