web ui

一、块级元素&行内元素

1. 特点

块级元素:1)霸占一行   2)接受宽高,宽度默认是父级的100%

行内元素:1)多个元素在同一行,自动换行    2)不接受设置宽高,宽度默认是文字的宽度

2. 标签分为文本标签(p , span , a , b , i , u , em)和容器标签(div , h系列 , li , dt ,dd)

块级元素:容器标签 + p标签

行内元素:除p标签之外的所有文本标签

3. 相互转换

display:inline;   转换成行内元素

display:block;转换成块级元素

display:inline-block;  行内块元素 -> 既可以设置长宽,可以让padding和margin生效,又可以和其他行内元素并排。

猜你喜欢

转载自www.cnblogs.com/stellar/p/11720172.html