CSS 中的行级元素和块级元素

2018-07-05  本文已影响0人  远山1984

CSS 中的行级元素,和块级元素。

            常见块级元素:div  p  form ul ol li 等;

             常见的行内元素:span stronh em;

差别:

一 . 块级元素: 块级元素会占满一行。 WIDTH 会默认占满父容器WIDTH。

       行级元素: 行级元素一般不会独占一行。相邻行内元素可排在同一行。

二 . 块级元素可以设置WIDTH和HEIGHT,行内元素设置WIDTH和HEIGHT无效,而且块级元素即使设置了宽度也还是独占一行。

三 . 块级元素可以设置MARGIN和PADDING属性 。 行内元素水平方向的MARGIN和PADDING如MARGIN-LEFT,PADDING-LEFT 可以产生边距效果。但是竖直方向的如 PADDING-TOP , MARGIN-BUTTON不会生产边距效果。

上一篇下一篇

猜你喜欢

热点阅读