1. 補充
margin 的margin:0 auto;會解決元素的居中，前提是給這個元素設定width
2. css層疊的問題
Css有兩個性質
1. 繼承性
2. 層疊性 選擇器的一種選擇能力，誰的權重大就選誰
A，選不中，走繼承性，（font color text）繼承性的權重是0
a) 有多個父級都設定了這樣的樣式 走就近原則
B，選中了
a) 權重的問題，權重大，就選誰的樣式
b) 權重相同，誰在後選擇誰
c) 純标簽和類沒有可比性，純類和id也沒有可比性。
3，标準文檔流
浏覽器的排版是根據元素的特征（塊和行級），從上往下，從左往右排版。這就是标準
文檔流。
浮動 float:left/right;
效果:元素都加浮動，後面的元素會緊跟這前面的元素并排排列。
A,隻要加了float，這個元素就會脫離标準文檔流。
第一個加了float，離了标準文檔流，對于浏覽器來說，第二個元素就變成了标準文檔流中的第一個，于是就會把他排在第一位。而第一個依然存在，是以就會疊加。
行級加float
行級元素加了float，脫離标準流，塊不像塊，行不像行，能設定寬高，能并排排列。
Display就沒有任何意義了。
B,浮動的元素會緊緊貼靠在一起
C,浮動的元素會文字環繞
拓展 使元素脫離标準流的方法
1. 浮動 float
2. 絕對定位position:absolute；
3. 固定定位position:fixed; fixed固定的
浮動帶來的壞處
1，給元素加了浮動，撐不起父級的高度了
清除浮動
1. 給浮動的父元素添加高度
2. 給父級添加overflow:hidden;
3. 給浮動元素的後面添加一個空的div 添加樣式為clear:both
4. 給浮動元素的父級添加一個類叫clearfix
這個類寫的樣式屬性有
僞類選擇器
隻要選擇器後面帶:,都可以說他是僞類選擇器
a:link{} a:hover{} a:visited{} a:active{} p:after{} p:before{}
a的四種狀态的順序不能變
僞元素 和僞類選擇器的差別
僞元素有兩個冒号 如p::after{} 僞類選擇器有一個冒号p:hover{}
轉載于:https://www.cnblogs.com/cxz261/p/9647740.html