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

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

块级元素通常是内容的容器，能够设置宽度和高度。而行内元素则不行，行内元素只能包含内容和其余行内元素，而块级元素能够包含行内元素和其余块级元素，

 

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

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

 

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

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

 

常见的display值