حالا موقع آن است که نوشتن 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
با نام subnav تحت تأثیر قرار میدهد.
صفحاتتان را بههمراه این دستورات در هر چه تعداد از مرورگرها که میتوانید آزمایش کنید و از دوستانتان هم بخواهید که آنها را در مرورگرهایشان آزمایش کنند.