§ ITPOW >> 文档 >> XHTML

有关内联(行内)元素、块级元素

作者: 来源: 日期:2009-10-24

jet:行内就是在一行内的元素,只能放在行内;块级元素,就是一个四方块,可以放在页面上任何地方。

tweeg:说白了,行内元素就好像一个单词;块级元素就好像一个段落,如果不另加定义的话,它将独立一行出现。

redbat:一般的块级元素诸如段落 <p>、标题 <h1><h2>...、列表 <uL><ol><dl> 、表格 <table>、表单 <form>、DIV<div> 和 BODY<body> 等元素。而内联元素则如 : 表单元素 <input>、超级链接 <a>、图像 <img>、<span> ........

purecss:块级无素的显著特点是:每个块级元素都是从一个新行开始显示,而且其后的无素也需另起一行进行显示。

marvellous:

<span> 在 CSS 定义中属于一个行内元素,而 <div> 是块级元素。

对于学过 CSS 的人来说一听就能明白。可对于新手来说不易理解,我主要对新手说通熟点吧 !

用容器这一词会更容易形象理解它们的存在与用途,行内元素相当一个小容器,而 <div> 相当于一个大容器,大容器当然可以放一个小容器了。<span> 就是小容器,这样一说你也许会在脑海中有一个初步的印象了吧,如果我们想在大容器中装一些清水。但我也想在里装一些墨水怎么办?很简单,我们把小容器拿出来装上墨水然后放入大容器里的清水中不就成了吗。

我在举个简单的一个实际例子吧:比如

<div>abcdefg</div>

我想用 CSS 定义字母 c 的样式,因此我们就可以用到 <span> 了。

<div>ab<span>c</span>defg</div>

( 此处省略样式代码 )

相关文章