הגיע הזמן לכתוב את ה-CSS שלך
בהתחלה, תן לכל div גבול. לדוגמא, div {border:1px dotted gray; padding:.5em} זה יעזור לך לראות היכן הם מתחילים, היכן הם נגמרים והאם יש לך קינון.
כתוב קודם את ה-CSS שלך עבור בוררי אלמנטים (<html>, <body>, <p>, <h1>, <h2>, <ul>, <li> וכו'.)
השתמש בבוררים הקשריים או צאצאיים עד כמה שזה אפשרי. זה ישמור על המבנה שלך הרבה יותר נקי. לדוגמא, #subnav li{border:1px solid black; padding:.5em; display: inline} ישפיע רק על פריטי רשימה שנמצאים בתוך ה-div של הניווט המשני שלך.
בדוק בדפדפנים רבים ככל שתוכל ובקש מחבריך לבדוק בדפדפנים שלהם.
