标签属性有三种:
- 行内元素:inline 多个元素可显示在一行,不可设置宽高
- 块级元素:block 独占一行,可设置宽高
- 行内块元素:inline-block 同时具有行内元素和块元素特点,可以设置宽高,也可在一行显示
display常用属性
- display: none 可以隐藏元素
- display: block 将标签转换为块级元素,可设置宽高
- display: inline 将标签转换为行内元素,不可设置宽高
- display: inline-block 将标签转换为行内块元素,此时设置元素内外边距无效
块级元素
div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre
行内元素
span、img、a、label、code、input、em、b、i、q、textarea、select、small、sub、sup,strong、u 、button
特殊行内元素可设置宽高
<img>、<input>、<textarea>、<select>、<object>