块级元素和行内元素

1.块级元素和行内元素的区别

1. 块级元素独占一行，默认情况下，其宽度自动填满父元素宽度。行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随内容而变化。
2. 块级元素设置的宽度（width）和高度（height）有效。行内元素设置的宽度和高度无效。
3. 块级元素设置的外边距（margin）和内边距（padding）全部有效。行内元素设置的外边距和内边距，只有水平方向才会生效，竖直方向无效。
4. 块级元素可以容纳其它块级元素和行内元素。行内元素只能容纳文本和其它行内元素。

2.常见的块级元素和行内元素

常见的块级元素有：div、p、ul、ol、li、table、tr、td、h1 - h6、form、hr、dl、dt、dd

常见的行内元素有：a、span、label、input、img、button、select、textarea、sub、sup