《精通css》筆記

小花貓Jane發表於2017-11-24

盒模型,定位

1.盒模型用到的屬性width,height,padding,border,margin

普通文件流的上下垂直

margin會疊加

2.塊級框 與 行內框, 利用display屬性來改變特性,display:block,display:inlne-block

3. 3種基本的定位機制:普通流,絕對定位,浮動

4.相對定位

是普通流定位的一部分,與文件流相關,根據自身原先的位置進行移動

無論是否移動都佔據原來空間

position:relative

設定

top,right,bottom,left的屬性值進行移動

5.絕對定位

不佔空間與文件流無關,

根據距離最近的
已定位
的祖先元素進行定位

position:absolute

text-align:top / right / bottom / left

固定定位

是絕對定位的一種

position:fixed

差異是包含塊是視口

6.浮動float

清理(

p51)

float:left

float:riagt

clear:both / left /right / none(不允許兩邊/不允許左邊/不允許右邊/允許兩邊)

<br class="clear"/>

想要學習前端開發的同學,可以加群:

543627393

學習哦!


相關文章