【網頁切版】總結的重要原則還有壞習慣

• 要區分主板（width:980px）跟container
• 要先排框架，再加內容，不要一開始就急著把內容填進去。然後絕對不要相信自己的肉眼，要先用border看一下padding、margin的狀況

• 命名很重要！
• 把navbar寫成width:100%（壞習慣）

這樣子如果螢幕太大會長得很怪，因此好的做法是navbar寬固定，外面再包一層100%把它包起來（注意大寬度的時候，讓他能夠置中）

• 同類型的東西用ul>li 寫比較好（比如說表頭按鈕、許多商品），而不要用div寫，因為用ul>li的結構比較容易看得出來是同類型的東西【基於閱讀上的便利性】

 <ul>
            <li>咖啡</li>
            <li>電燈</li>
            <li>西瓜</li>
            <li>紅豆</li>
 </ul>

• 重複寫class，導致後面很難維護。可以改用#outer li 【基於維護/閱讀上的理由】

 <div id="outer">
        <ul>
            <li class="box">咖啡</li>
            <li class="box">電燈</li>
            <li class="box">西瓜</li>
            <li class="box">紅豆</li>
        </ul>
    </div>

​