1.盒模型：
html元素，分爲塊級元素 block 和 行內元素 inline。塊級元素 默認會另起一行，其中包含塊級元素和行內元素。而行內元素並不會另外起一行，只佔據該標籤元素所在的邊框所包含的空間。
2.盒模型:是指在html 元素可以描述爲一個矩形盒子，該矩形盒子佔據的空間可以通過一個模型來描述，這個模型可以稱爲盒模型。
包括 外邊框 margin ,邊框 border ,內邊框:padding ,內容區域:content.
行內元素也有盒模型，可以對於非替換元素：a，span 標籤，對於margin-left 和margin-right 有效果，以及border ,padding 可以設置，但是在 border-top 和padding-top 只能設置到該標籤頂部位置。 對於替換元素：input ,img，設置屬性：margin, border,padding，都有效果。
2. flex 佈局
https://www.jianshu.com/p/4fd94ec81a98
rem ：設置使用。
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />