块级元素,行内元素,行内块元素
块级元素:
独占一行,对宽高的属性值生效;如果不给宽度,默认为浏览器的宽度即100%
块标签:p、div、ul、ol、li、dl、dt、dd、h1~h6、form
行内元素:
可以多个标签存在一行,对宽高的属性值不生效,靠内容撑开
行内标签:a、span、em、strong、b、i、u、label、br
行内块元素:
结合行内和块级元素的优点,不仅可以设置宽高,还可以多个标签存在一行
行内块元素: img、input、textarea
以上三个元素可以互相转换,
块 -》 行内 display:inline;
行内 -》块 display:block;
转为行内块元素 display:inline-block;
嵌套规则
块标签可以嵌套行标签,行标签不可以嵌套块标签
p标签不要套块标签,可以套 a,spam,文本等等