CSS（層疊樣式表）
CSS層疊樣式表(Cascading Style Sheets)是一種用來表現HTML（標准通用標記語言的一個應用）或XML（標准通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。
引入CSS的方式
1. 內聯style樣式
2. style標簽
3.外聯樣式表，外部css文件link引入
4. 外聯樣式表引入外聯樣式表，@ imprt url (./b.css)
文檔流
- 文檔流：文檔內元素的流動方向。
- div的高度由內部文檔流決定的，內部文檔流是：
內聯元素<span>：從左往右流動，寬度不夠下一行。
塊級元素<div>：從上往下流動，每個塊級占一行，不夠另起一行。
float
float CSS屬性指定一個元素應沿其容器的左側或右側放置，允許文本和內聯元素環繞它。該元素從網頁的正常流動中移除，盡管仍然保持部分的流動性（與絕對定位相反）
1. 在子元素上加folat，float:left/right
2. 在父元素上加clearfix，
.clearfix::after{
content: ''；
display：block；
clear：both；}
margin和padding的區別
margin是指從自身邊框到另一個容器邊框之間的距離，就是容器外距離。（外邊距）
padding是指自身邊框到自身內部另一個容器邊框之間的距離，就是容器內距離。（內邊距）
注意：margin：0 auto； 只對塊級元素起作用。將Padding設置為負值無效。
(marger和padding有很多知識點，詳細點擊瀏覽)
display:inline 和display:inline-block和display:block的區別
- inline element：行內元素也叫作內聯元素，內嵌元素，直進式元素。
- block element：塊級元素。
1.display:inline 轉化成內聯元素，不換行；
內聯元素的前面和后面都不會有換行符,你不可以給內聯元素定寬和高，如果同時給一個元素寫
那么width和height屬性就會失效;
2.display:block轉換成塊元素，換行；
將元素轉化為塊級元素,有寬和高的屬性,元素前后都有一個換行符
3.display:inline-block內聯塊元素，既不換行又可以使用塊元素所擁有的屬性，類似於塊元素加了浮動效果。
表示元素對內具有塊級元素的寬和高的屬性,即你可以對它設定寬和高,對外卻具有內聯元素的無換行符特性。
position屬性
position的含義是指定位類型，取值類型可以有：static、relative、absolute、fixed、inherit和sticky。
1、position: static
static(沒有定位)是position的默認值，元素處於正常的文檔流中，會忽略left、top、right、bottom和z-index屬性。
2、position: relative
relative(相對定位)是指給元素設置相對於原本位置的定位，元素並不脫離文檔流，因此元素原本的位置會被保留，其他的元素位置不會受到影響。
3、position: absolute
absolute(絕對定位)是指給元素設置絕對的定位，相對定位的對象可以分為兩種情況：
1) 設置了absolute的元素如果存在有祖先元素設置了position屬性為relative或者absolute，則這時元素的定位對象為此已設置position屬性的祖先元素。
2) 如果並沒有設置了position屬性的祖先元素，則此時相對於body進行定位。
4、position: fixed
可以簡單說fixed是特殊版的absolute，fixed元素總是相對於body定位的（窗口定位）。
5、inherit
繼承父元素的position屬性，但IE8以及往前的版本都不支持inherit屬性。
其他
1. Computed（計算屬性）：瀏覽器默認 fort-size:16px
2. hover選擇器：用於選擇鼠標指針浮動上元素，a: hover{ }
3. line-hight：行高，水平居中
4. vertical-align：上下均等
5. border：用於調試
6. border-radius:50% ：畫圓