CSS中块对象和内联对象的定义是什么,区别是什么?

html-css022

CSS中块对象和内联对象的定义是什么,区别是什么?,第1张

最简明的说

块默认情况下(不设置浮动的情况下)是独自占一行的,而内联对象可以多个并列一行;

块是可以指定宽度和高度的,而内联对象是不可以的;

你可以分别给<DIV>和<SPAN>加上边框,然后看下

DIV块和SPAN内联

的不同作用。

CSS中常见的块级元素:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>。

块级元素的特点:

每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。元素的高度、宽度、行高和顶底边距都是可以设置的。元素的宽度如果不设置的话,默认为父元素的宽度。

行级元素的特点:

可以和其他元素处于一行,不用必须另起一行。元素的高度、宽度及顶部和底部边距不可设置。元素的宽度就是它包含的文字、图片的宽度,不可改变。

拓展资料:行级元素与块级元素的转换

可以在css样式中用display:inline将块级元素设为行级元素,同样,也可以用display:block将行级元素设为块级元素。(资料参考:网页链接)