css基础：块级元素与行内元素

块级元素与行内元素的概念

块级元素一般是内容的容器，可以设置宽度和高度。而行内元素则不行，行内元素只能包含内容和其他行内元素，而块级元素可以包含行内元素和其他块级元素，

 

块级元素可以设置margin、padding，而行内元素水平方向margin-left、margin-right、padding-left和padding-right可以有效，

竖直方向上的margin-top、margin-bottom、padding-top和padding-bottom不能生效

 

占据整个父级元素。通俗的来讲，行内元素适合来显示内容，块级元素适合来布局。

常用的块级元素与行内元素

 

常见的display值