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

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

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

 

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

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

 

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

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

 

常见的display值

 

 

 

posted @ 2018-11-07 22:58  水星丶  阅读(117)  评论(0编辑  收藏  举报