佈局小記
一個網頁的佈局大致分三部分：頭部、內容、底部。
關於佈局，首先要加上*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
刪除瀏覽器的默認樣式，再加上個盒子，保證元素的大小盡在自己的掌控之中
佈局的方法有很多，比較常見的是使用浮動和彈性盒子來達到我們想要的效果。
使用浮動，切記要清除浮動，以解決高度塌陷的問題，而我更喜歡flex佈局,熟練的掌握flex的相關屬性，
頁面不僅容易寫，還可以達到網頁自適應的效果。若要使用flex彈性盒子佈局，需熟練掌握
flex-wrap屬性
justify-content屬性
align-items屬性
align-content屬性
align-self屬性
做一個網頁的大概思路：
一、頭部
頭部一般用無序標籤來寫，爲了其變爲行內塊類元素從而形成一行的效果，
可以用
1、display：inline-block；
2、浮動（浮動會改變元素的性質，使其變成行內塊類元素）
3、display：flex；
…
二、內容
一般在寫內容的時候我會在最高級的div中加一個max-width再來個margin: 0 auto;使其居中，
這樣頁面在不同分辨率的電腦上運行時內容都會居中且不會亂。
三、底部
底部一般聲明版權問題
ps：若要在各個分辨率的設備上運行可使用媒體查詢