css day 2 盒子模型及定位

2021-10-03 02:13:55 字數 1168 閱讀 7999

二、內聯元素盒子模型

三、四、定位

五、其他屬性

內容區+內邊距+邊框

當前盒子與其他盒子之間的距離

*
處理溢位的子元素

當元素的寬度為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...