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、行内元不会自动换行，会自动把文本内容显示成一行。如图：
