Web-9月14日隨筆
—.Css層疊性質：
1.繼承性（後代或子代繼承父級元素的顏色，字體·，文本）
2.層疊性：層疊性是選擇器的一種的能力
第一種情況：沒有選擇任何標簽或者選擇器起的名字（類），走繼承性（如果有多個屬性繼承，就近原則）。
第二種情況：權重一樣大，就近原則（後面的會把前面的覆蓋掉）； 誰的權重大就選誰。
二.
標準文檔流（瀏覽器的排版是根據元素的特征，塊/行級，從上往下，從左到右進行排版，這就是標準文檔流。）
三.
浮動：float：left/right（左浮/右浮） 【浮動後的元素脫離標準文檔流】 浮動還可以造成文字環繞的效果；
clear：both（浮動所帶來的危害：撐不起父級高度了，所以得用clear：both）
清除浮動的三種方法：
1.直接給父級元素添加高度 2.給父級添加overflow-hidden（超出隱藏） 3.給浮動元素的後面添加一個空的div 添加樣式為clear:both。
塊級元素浮動：
範例： <!DOCTYPE html>
<html>
<head>
<meta charset="UFT-8">
<title>塊級元素浮動效果</title>
【 <style>
.one{width：200px；
height：200px；
float：left }
.two{width：300px；
height：200px； } （效果：第二個隱藏在了第一個後面；
原因：因為塊狀元素都是獨占一行，給第一個添加浮動後脫離了標準流，不受控制了。而第二個屬於標準流，所以把它當成了第一位）】
</style>
</head>
<body>
<div class=“one”>（塊狀元素的特點：獨占一行，自動換行，元素呈塊狀，可設寬高）
哈哈哈哈
</div>
<div class=“two”>
嘿嘿嘿嘿
</div>
</body>
</html>
行內元素浮動：
<!DOCTYPE html>
<html>
<head>
<meta charset="UFT-8">
<title>行內元素浮動</title>
<style>
.one{ width:“100px”
height：100px；
float：left }
.two { width:“100px”
height：100px；
float：left }【效果：給浮動後，行內元素有了寬高，能並排排列】
</style>
</head>
<body>
【<sapn class=“one”>哈哈哈</span>
<span class=“two”>嘿嘿嘿</span>】（行內元素特點：可以與其他元素在一行顯示，不換行，不能設置寬高，根據內容的多少決定空間的大小）
</body>
</html>
四 ： 1. visibility：hidden（隱藏）
2. disply：none（隱藏）
二者區別：第一個隱藏占據空間，第二個隱藏不占據空間。
Web-9月14日隨筆