html元素分类

1、什么是块状元素呢？

块状元素就是以块显示侵物的元素，高度宽度都是可以设置的。

2、块状元素的特点：

1、总是在新行上开始；2、高度，行高吐讨以及外边距和内边距都可独宿舍控制；3、不设置宽度，那么宽度就等于父类的宽度；4、它可以容纳内联元素和其他块元素。

3、常见的块状元素：

div、p、h1~h6、hr、table、ul、

4、块状元素会自动换行。效果如图：

1、什么是内联元素？

内联元素主要用于显示文本，与块级元素相反，内联元素的高度宽度是不可以设置的，其宽度就是自身文字或者图片的宽度。

2、内联元素的特点

1、元素不会换行，高和外边距不可改变；2、宽度设置无效，它的宽就是它的文字或图片的宽度3、高度height无效，可以通过line-height来设置文本的行高；4、设置margin只有左右margin有效，上下无效；5、设置padding只有左右padding有效，上下则无效。

6、内联元素只能容纳文本或者其他内联元素。

3、常见的内联元素：

span、a、b、font、i、img、select、textarea、input等

4、行内元不会自动换行，会自动把文本内容显示成一行。如图：