行内元素:
不独占一行、会和其他的行内元素排成一排;
不能设置宽高,默认的宽高是由其内容宽高撑起来的;
margin 上下不生效,左右生效;
常见行内元素:
a、b、u、span、i、em、strong等文字标签
块级元素:
独占一行,不会和其他的元素排成一排;
可以设置宽高,默认的宽度是继承父元素的宽度、
高度默认是其内容的高度
margin 上下左右都可以设置,margin : auto;不生效
常见块级元素:
div、table、tr、form、ul、li、ol、h1~h6、p
行内块级元素
不独占一行,可以和其他的行内元素或者行内块级元素排成一排;
设置宽高生效、默认宽度为父元素的宽度,默认高度为其内容的高度;
margin 上下左右生效,margin : auto;不生效
常见行内块级元素:
img、select、input
空元素:
常见空元素: img、hr、br、input、meta