Div沒有明確語義 塊標籤 可以實現自動換行
H5引入了一些有明確語義的div，用這些div來構建網頁，便於搜索引擎找到相關的內容，主要有 header（頁眉）,footer（頁腳）,section,article,aside,nav（有明確語義的div）
頁眉header，頁腳footer；
Css顏色：#000000---#ffffff
絕對賦值：不建議
相對賦值：比較好
Float屬性：浮動
盒元素：自動換行，邊距：margin（外邊距），padding（內邊距）
margin_bottom，margin_top，margin_left，margin_right，padding同理。
Margin：互不包含，相互獨立的兩部分。
2020.02.21 週五
footer{background:#cc9900;width:100%;height:100px;clear:both;margin-top: 5px;}
圖1的footer（頁腳）與上面沒有間隔，怎麼解決？
答：加上一個section，包裹上面兩部分（即將article和aside兩個標籤寫在一個section標籤內，讓section作爲父元素）。即可使footer中的margin-top: 5px;生效。
標籤選擇器：通過標籤名來選擇標籤的這種選擇器
對於有id屬性的標籤，我們在選擇該標籤時可以採用以下方法：
id選擇器：#id屬性值
class選擇器：.class屬性值
兄弟選擇器，屬性選擇器，僞類選擇器，僞元素選擇器，後代選擇器，父子選擇器
Id，class屬性的共同點：都可以區分標籤名稱一樣的不同標籤；不同點在於：class可以區分不同組的，而不能區分同一組的。
兩行三列怎麼做？
nav標籤：導航標籤
br：回車換行符
改變nav標籤的定位方式
靜態定位：默認
固定定位
絕對定位：脫離父元素，自由移動，相對於瀏覽器本身（頁面）定位
相對定位：相對於父元素的位置定位，寫入父元素中position：relative；
top：起始時top值是0。
