二、內聯元素盒子模型
三、四、定位
五、其他屬性
內容區+內邊距+邊框
當前盒子與其他盒子之間的距離
*
處理溢位的子元素當元素的寬度為auto,指定內邊距不會影響可見框的大小,而是自動修改寬度,以適應內邊距。
overflow:auto/hidden
或者zoom:1
為了相容瀏覽器,兩個都寫
ul,li
list-style:none
清楚a浮動對b產生的影響,需要在b上設定clear:left
clear:both 清楚對他影響最大的
.clear:after
.clear
會使元素脫離文件流不設定偏移量,元素位置不變
離他最近的開啟了定位的父元素進行定位
使元素提公升乙個曾層級
內聯元素變成塊元素
相對於瀏覽器進行定位和absolute差不多
不隨著頁面的滾動而滾動
ie8以下不支援乙個元素a包含元素b,b浮動,則a就會塌陷
解決方法:
a:afer
移動子元素,父元素跟著一起動
father:befor
clearflex:after,clearflex:befor
* checked
預設屬性
引入其他頁面,不能有自己的東西
_background-color:yellow
*background-color:yellow
0416 盒子模型
css盒子模型樣式 定義 margin 外邊距,圍繞在元素邊框的空白區,在元素外建立額外的空白。border 邊框,圍繞元素內容和內邊距的一條或多條線。padding 內邊距,在邊框和內容區之間。屬性 margin 外邊距也叫作空白 接受任何長度單位,百分數值和負值,還可設定為auto。margin...
3 盒子模型
盒子模型是我學習css中使用頻率最高的模型,其中主要還是理解整個盒子的構成,以及其中各屬性的作用,最重要的問題就是合併巢狀問題。盒子模型 外邊距margin 邊框border 內邊距padding 內容 border color 邊框顏色 border width 邊框寬度 border style...
05盒子模型
目錄盒子模型用來 放 網頁中的各種元素 網頁設計中內容,如文字 等元素,都可以是盒子 div巢狀 網頁中盒子模型 寬度屬性 寬度with 最大寬度max width 最小寬度min width 長度值 百分比 auto 高度屬性 高度height 最大高度max height 最小高度min hei...