לפני שמתחילים שלב 1 - רקע שלב 2 - גופן שלב 3 - פסקה שלב 4 - תיבה שלב 5 - מיון עיצוב קישורים שונות CSS ב-JS

רקע גליונות סגנון של HTML מספקים לך את היכולת לקשט את הרקע של רכיב, על ידי שימוש בצבעים ותמונות. שים לב, ששימוש מאפינים הבאים אינו מגדיר את הרקע של הדף אלא רק של התגיות. לדוגמא: UL {background-image:URL(http://www.mysite.co.il/image001.jpg)} Background-Attachment המאפין Background-Attachment קובע אם תמונת הרקע תגלל עם הטקסט או תהיה קבועה בחלון הדפדפן. תוכל להקצות לו שני מאפינים 1. fixed - התמונה תהיה קבועה בחלון הדפדפן 2. scroll - התמונה תיגלל כאשר יגלול המשתמש את החלון ברירת המחדל היא scroll. דוגמא של fixed קימת במנוע החיפוש של האתר שלי ופה בעמוד כאשר הרקע לא נגלל עם התוצאות ונהפך לסימן מים דוגמא להצהרה הזו: body {Background-Attachment:fixed} Background-Color המאפין Background-Color קובע את צבע הרקע של הרכיב, תוכל להקצות לו שם של צבע או ערך RGB. לדוגמא, אם אתה מגדיר רקע כחול ל-UL, כל האיזכורים של UL יהיו ברקע כחול. דוגמא להצהרה הזו: UL {background-color:navy} Background-Image המאפין Background-Image קובע את תמונת הרקע של רכיב, תוכל להקצות לו URL של תמונה, או כתובת יחסית דוגמא להצהרה הזו: ul {background-image:URL(http://www.mysite.co.il/image001.jpg)} Background-Color המאפין Background-Color קובע את צבע הרקע של הרכיב, תוכל להקצות לו שם של צבע או ערך RGB. לדוגמא, אם אתה מגדיר רקע כחול ל-UL, כל האיזכורים של UL יהיו ברקע כחול. דוגמא להצהרה הזו: UL {Background-Color:navy} Background-Position המאפין Background-Position קובע את מיקום תמונת הרקע של הרכיב, תוכל להקצות לו מספר או מיקום יחסי. לדוגמא, אם אתה מגדיר רקע כחול ל-UL, כל האיזכורים של UL יהיו ברקע כחול. דוגמא להצהרה הזו: UL {Background-Color:navy} Background-Repeat כיצד תחזור תמונת הרקע על עצמה. repeat-x - חזור אופקית repeat-y - חזור אנכית UL {Background-repeat:repeat-x} background הכל משולב ul {background: white url(image.gif) repeat fixed 1px 1px} לשלב הבא, מאפיני גופן.