小白前端路----CSS块级元素和行内元素

常见的块级元素：div form p ul ol li 等。
常见的行级元素：span em等。
1. 块级元素独自占一行且宽度会占满父元素宽度，行内元素不会独占一行，相邻行内元素可以排在同一行。

2. 块级元素可以设置weith和height，行内元素设置width和height无效，而且块级元素即使设置宽度也还是独占一行。

3. 块级元素可以设置margin和padding属性，行内元素水平方向的margin和padding如margin-left、padding-right可以产生边距效果，但是竖直方向的如padding-top和margin-bottom不会产生边距效果。

4. 最后是块级元素和行内元素的相关属性：display
　　其中块级元素对应display：block，行内元素对应display：inline。可以通过修改元素的display属性来切换行内元素和块级元素。
补充说明：

display：inline-block；可以让元素具有块级元素和行内元素的特性：
既可以设置长宽，可以让padding和margin生效，
又可以和其他行内元素并排。是一个很实用的属性。