HTML5學習筆記 - 第06天

weixin_33861800發表於2017-01-16

1.什麼是塊級元素,什麼是行內元素
塊級元素會獨佔一行
塊級 元素 p div h ul ol dl li dt dd
行內元素 span strong em del

2.塊級元素和行內元素的區別?

2.1塊級元素
獨佔一行
如果沒有設定寬度,那麼預設和父元素一樣寬
如果設定了寬高,那麼久按照設定的來顯示

2.2
不會獨佔一行
如果沒有設定寬度,那麼預設和內容一樣寬
行內元素是不可以設定寬度和高度的

2.3行內塊級元素
disolay: inline-block
img input
為了能夠讓元素既能夠不獨佔一行,又可以設定寬度和高度,那麼就出現了行內塊級元素

雜項

display: none隱藏

nth-child(n)偽類選擇器,作用: 選擇器匹配屬於父元素的特定型別的第N個子元素的每個元素。n表示數字。

1.position 定位屬性,檢索物件的定位方式;語法: position: static

相關文章