傳統布局

HTML5布局

新布局的意義

HTML5布局練習
1 結構層
從上至下 從左至右 從外至里·······
補充:
li不利於搜索引擎收錄,盡量少用
2 表現層
熟練運用絕對定位
排序:CSScomb插件:CSS屬性排序工具。快捷鍵:ctrl + shift + C
美化:ctrl + shift + H
選中下圖位置

alt + F3選中所有前面空格,刪除兩次,一個空格,按一下“↓”,按一下“←”,再刪除一次,一個空格,按一下“↓”,刪除一次
寫代碼同時養成寫注釋的習慣。
3 兼容
對於一些HTML5的新標簽,可以添加以下代碼來解決兼容性問題,但會存在代碼冗余問題。

