הגיע הזמן לכתוב את ה-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 של הניווט המשני שלך.
בדוק בדפדפנים רבים ככל שתוכל ובקש מחבריך לבדוק בדפדפנים שלהם.
