本日志标题:有关内联(行内)元素、块级元素        [2006-8-23]

经典论坛搜索1经典论坛搜索2

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>


(此处省略样式代码)

tag:内联\块级\web标准


在百度搜索完整的有关内联(行内)元素、块级元素内容,或者用Google搜索相关的更多内容

By [CNBRUCE] at 11:14:03 | 评论 [3] | 浏览 [31111] | TrackBack| 返回顶部

About Comments
恩,现在明白了
By [zhaiduo] at 2006-8-25 13:36:58
狼哥,发现你最近越来越忙了啊,写教程都那么随便了...
By [无名] at 2006-8-28 20:50:01
不错呀,对我有启发,至少
By [yoyo] at 2007-1-5 9:08:36


Post a Comment
呢称: 验证码: 
禁止笑脸转换 禁止UBB | 缩放输入框:6 5 | [Ctrl+Enter提交](1000个字符限制)