块级元素与内联元素的区别

块级元素与内联元素的区别：

块级元素独自占一行，用CSS进行定位时更加方便，一般块级元素主要有：p，h1 ，ul

比如一段文字“你好吗？小莉”。这段文字在HTML中所占的逻辑区域是“行元素”，通俗的说我们可以将其看作一个没有外包装箱的物体，也就是裸奔着的东西。

那么除此之外，比如div、td、img等，这样在逻辑区域上有明显的划分，这些属于“块元素”。也就是像一个个小盒子。

除了行元素，剩下的都是块元素。

CSS 对行内元素
1. 设置宽度width   无效。
2. 设置高度height  无效，可以通过line-height来设置。
3. 设置margin 只有左右margin有效，上下无效。
4. 设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的，