[CSS] CSS Layout - 達人的階梯

• 2.4 float 製作區塊
• Clear: 清除文繞圖
• 自動調整寬度區塊(Liquid layout) by 負邊界 (negative margin)
• 3.2 清單
• list-style-image
• p87 橫向導覽列
• ul { list-style: none; overflow: hidden; }
• li { float: left; }
• a { text-align: center;    /* 文字對齊Box中央 */ }
• P119
• 適當地使用 ID 與 class
• 定義 ID, class 時，應該不考慮版面，只要能符合文件結構即可
• P134    display: none <-> display: block;
• P139    #wrapper { width: ;}
• P140    img{ vertical-align: top/baseline/bottom; border: none; /* 超連結不顯示框線 */ }
• P143    #content { overflow: auto; }    /* 高度能延伸至下緣 */
• P159    列印專用 print.css
• P162 刪除列印時不需要的元素 display: none;
• P164 使用 百分比 設定 width 較能正確列印
• P180    width: auto; 搭配 min-width, max-width