CSS를 작성해보자
처음에는, 각각의 div에 외곽선을 준다. 예를 들어, div {border:1px dotted gray; padding:.5em}와 같이 한다. 이렇게 하면 div가 시작하고 끝나는 곳을 보거나 div의 삽입 여부를 알 수 있게 해준다.
먼저 <html>, <body>, <p>, <h1>, <h2>, <ul>, <li>와 같은 요소의 선택자에 대한 CSS를 작성한다.
관련되거나 상속되는 선택자를 가능한 많이 사용하도록 한다. 이렇게 하면 마크업(HTML)이 훨씬 깔끔해진다. 예를 들어, #subnav li{border:1px solid black; padding:.5em; display: inline}의 경우는 subnav라는 div의 목록 항목(li)에만 영향을 주게 된다.
가능한 많은 브라우저에서 테스트를 하고 친구에게 그들 브라우저에서 테스트하도록 한다.
