css層疊樣式表具有倆個性質：
1.繼承性
2.層疊性 選擇器的一種選擇能力，誰的權重大就選擇誰
層疊樣式表的層疊性分為倆種：
1.選中
選中時分為倆點由權重來決定，誰的權重大就選擇誰。
當權重相同時誰在後選誰
2.沒選中
沒選中時走繼承性 ，採用就近原則 繼承是所用的繼承權重都為0
當有多個父級都設定了樣式時選擇最近的一項
純標籤與類不具備可比性 純標籤與id不具備可比性
標準文件流
瀏覽器的排版是根據元素的特徵（塊和行），從上往下，從左往右來進行排版，這就是標準的文件流
浮動為float：又分為左浮動float：left；與有浮動float：right；
效果：元素都加浮動後面的元素會緊跟著前面的元素併排排列。
只要加上浮動那麼浮動的元素就會脫離標準文件流
當第乙個元素加上浮動脫離標準文件流，對於瀏覽器來說，第二個元素就會變成標準文件流中第乙個元素，於是把他排在第一位，但第乙個依舊存在所以就產生了疊加。
行級元素加上float，就脫離了標準文件流，塊不像塊，行不像行，能設定寬高能併排排列。
display元素就沒有任何意義了
浮動的元素會緊緊的貼靠在一起
浮動的元素會文字環繞
使元素脫離標準流的方法
1.浮動（float）
2.定位（position：absolute）
3固定定位：position：fixed，……固定的
浮動帶來的壞處
1.給元素加了浮動，之後撐不起父級的高度。
清除浮動
1.給浮動的父元素新增高度
2給父級新增overflow：hidden
3.給浮動元素的後面新增乙個空的div，新增樣式為clear：both
4.給浮動多元素的父級新增乙個類叫clearfix
偽類選擇器
只要選擇器後面帶冒號都可以說他是偽類選擇器
a：link……a：hover……a：visited……a：active
p：after……p：before
又稱偽元素
偽元素包括：after和before
after意思在標籤後面追加乙個偽元素
before意思在標籤前面加乙個偽元素
偽元素與偽類選擇器的區別：
偽元素有倆個冒號
偽類選擇器只有乙個冒號
備註margin：0 auto；和text-align：center；區別
margin居中是對自身 text-align是對元素內部的文字居中的
visibility：hidden;和display：none；區別
visibility隱藏之後還佔據空間 display隱藏後不佔據位置
標準文件流 浮動
定義 內容從左到右，從上到下書寫的。前面的內容大小或者位置發生變化時，後面的內容位置也會隨之變化。web頁面，就是乙個標準的文件流。內容跟咱們的書寫順序有關。1 空白摺疊現象 無論多少個空格，tab，換行都會摺疊為乙個空格。張老師 真帥 2 高矮不同，底部對齊 妖怪我要你助我修行 3 一行寫滿，自動...
浮動以及清除浮動問題 標準文件流
1.浮動 浮動能使盒子脫離標準文件流 四大特性 1,浮動的元素脫標 2.浮動的元素互相貼靠 3.浮動的元素有 字圍 效果 是文字圍繞著浮動盒子顯示 4.收縮的效果 將塊級元素轉化成行內 大家一定要謹記 關於浮動,我們初期一定要遵循乙個原則,永遠不是乙個盒子單獨浮動,要浮動就要一起浮動,另外有浮動一定...
HTML 標準文件流（float的浮動屬性）
html元素在標準狀況下的定位方式 行內元素在同一行內橫向排列 塊級元素佔滿整個一行，在頁面中豎向排列 元素不會移動到其它地方去，對於巢狀的元素盒子也是巢狀的 元素的浮動是指設定了浮動屬性的元素會脫離標準文件流的控制，移動到其父元素中相應位置的過程。在css中，通過float屬性來定義浮動，其基本語...