python前端HTML和CSS進(jìn)階

知識(shí)點(diǎn)預(yù)習(xí)

1.列表2.選擇器

3.CSS的文本樣式屬性

4.元素溢出

5.盒子模型

6.margin負(fù)值技巧

7.垂直外邊距合并

8.margin-top塌陷問(wèn)題

01- 列表

無(wú)序列表 ul>li    unorder list

清除列表前面的標(biāo)識(shí) list-sytle:none;

列表默認(rèn)有外邊框和內(nèi)邊距

02- CSS選擇器02    

   

CSS常用屬性

元素溢出

overflow:

visible  默認(rèn) 超出可視 hidden  超出隱藏 裁剪  scroll          可滾動(dòng) 不推薦使用

auto  自動(dòng)

垂直外邊距合并

垂直外邊距  取上邊元素的底部外邊距和下邊元素頂部外邊距的最大值來(lái)當(dāng)兩個(gè)元素得垂直間距,而不是累加

08-  margin-top塌陷問(wèn)題

當(dāng)設(shè)置子元素的margin-top時(shí),沒(méi)有作用到子元素自己身上,反而影響了父元素

解決塌陷問(wèn)題的方式:

1.父元素設(shè)置邊框 border

2.父元素設(shè)置內(nèi)邊距 padding

3.設(shè)置元素溢出 overflow:hidden

4.通過(guò)偽元素

作者：黑馬程序員python培訓(xùn)學(xué)院
首發(fā)：http://cloud.itheima.cn/