這篇部落格是我的css學習筆記
知識點：
1. 設定浮動：float：none/left/right
2. 設定float布局將脫離文件流，不會佔據頁面的空間
3. 浮動元素的外邊緣不會超過父元素的內邊緣
3. 浮動元素不會相互重疊
4. 浮動元素只能左右浮動
5. 浮動元素的display屬性將完全失效並可以設定寬高，不會獨佔一行
6. 清除浮動：clear:both/left/right（用於抵消其他浮動元素對本元素產生的影響）或父元素定義overflow:hidden
1. div元素獨佔一行
2. div元素若不設定寬高，則會根據子元素的高度來自適應高度
3. 若子元素都為float時，父元素需要設定overflow:hidden或float:left/right來感知子元素的寬高
1. span元素為行內元素，不具備寬高，不獨佔一行
2. span元素設定float屬性後，將變成塊級元素，可以設定寬高
知識點：
1. position預設屬性為static，意為沒有定位
2. static將忽略top/bottom/left/right/z-index的宣告
知識點：
1. 設定relative屬性後元素將保持佔據頁面的位置
2. 通過設定top/bottom/left/right來進行relative元素位置的偏移
知識點：
1. 設定absolute屬性後元素將不佔據頁面的位置，但還保持元素原來的位置
2. 通過設定top/bottom/left/right來進行absolute元素位置的偏移
3. 元素的參考點為最近的position為非static的父級元素，若無，則預設參考點為body的（0px 0px）點
知識點：
設定了fixed後元素將會固定在頁面的某個地方，位置不會隨著滾動條的變化而變化，可以通過top/bottom/left/right來設定fixed元素的位置
知識點：
1. z-index只支援定位元素
2. 若z-index設定為同一層級，則後定義的元素將會覆蓋在先前定義元素的上方
知識點：
1. 每個元素都有乙個預設的display屬性，用於確定元素的型別。如div元素為block（塊元素），span元素為inline（行內元素）
2. display常見屬性值：
none：隱藏物件（隱藏元素，不佔據空間） //使用visibility:visible/hidden和opacity:0隱藏，空間還佔據
inline：內聯/行內元素（沒有寬高屬性，不會獨佔一行）
block：塊元素（具有寬高屬性，並獨佔一行）
inline-block：內聯塊元素（具有寬高屬性，不會獨佔一行）
table-cell：**單元格
flex：彈性盒
知識點：
基本屬性：margin（外邊距）、padding（內邊距）、border（邊框）
知識點：
1. margin引數取值：四個（上、右、下、左）、三個（上、左右、下）、兩個（上下、左右）、乙個（上下左右）
2. 相鄰兄弟塊級元素margin外邊距合併只有上下邊距有效，左右兩邊不會合併，浮動元素不會外邊距合併
3. 父子元素的包含式外邊距合併，比如子元素設定了margin-top為10px，效果是父子元素相對位置不變，整體加了乙個10px的margin-top。解決方法為在父元素加上border
知識點：
1. border:border-width border-style border-color;
2. border-style:dotted（點狀）/solid/double/dashed（虛線）/none
3. border-radius:左上 右上 右下 左下
知識點：
1. 標準盒content-box：padding和border的寬高要算入盒子模型的寬高之內
2. 怪異盒border-box：padding和border的寬高不算入盒子模型的寬高之內
知識點：
1. 元素脫離了文件流，將不能使用margin:0px auto來進行居中定位，此時可以使用calc()來進行css位置的計算
2. 用法：calc(50% - 120px); //50%為元素自身的px的一半，'-'兩邊的空格不能省略
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...