css教程:网页中Span和Div的区别
日期:2008年5月14日 作者: 查看:[大字体 中字体 小字体]-
HTML只是赋予内容的手段,大部分HTML标签都有其意义(标签p创建段落,h1标签创建标题等等)的,然而span和div标签似乎没有任何内容上的意义,听起来就像一个泡沫做成的锤子一样无用。但实际上,与CSS结合起来后,它们被用得十分广泛。
它们被用来组合一大块的HTML代码并赋予一定的信息,大部分用类属性class和标识属性id与元素联系起来,见CSS中级指南的类和id选择符。
span和div的不同之处在于span是内联的,用在一小块的内联HTML中,而div(想想division是什么意思)元素是块级的(简单地说,它等同于其前后有断行),用于组合一大块的代码。
<div id="scissors"> <p>This is <span class="paper">crazy</span></p> </div>
在实践中,div,特别是span不应该滥用,尽管有其他相左的意见。比如,你要强调单词“crazy”和加粗类“paper”,可能会用这样的代码:
<div id="scissors"> <p>This is <strong class="paper">crazy</strong></p> </div>
这是做法比再加一个span比较好。
对于类class和标识id没有线索?别担心,在CSS中级指南中会接触到它们。你所需要记住的是,span和div 是“无意义”的标签。(出处:http://www.hackhome.com/)
-
- css教程:网页中Span和Div的区别 相关文章:
- ·离别诗送别诗伤感诗
- ·把别人漂亮的QQ空间克隆一份
- ·用JS快速复制别人QQ空间的代码
- ·鬼泣3特别版 键盘出招表
- ·诀别诗 决别诗 绝别诗
- ·[分享]如何偷取别人QQ空间用的代码
- ·竟无一丝差别:XP完美模拟Vista全攻略
- ·vista32位和64位的区别
- ·CPU盒装和散装区别
- ·OCR软件进行扫描识别文本的技巧
- css教程:网页中Span和Div的区别 相关软件
- ·拳皇KOF2004卧虎藏龙特别版
- ·VOS音乐游戏彩风特别版
- ·高达世纪-星际争霸特别版
- ·吞食天地2(中文修正版)+吞2特别模拟器
- ·CS1.6战队特别版
- ·侍魂零:特别版(音乐修正)
- ·奥普印刷体文字识别OCR系统 专业版
- ·人体艺术浏览器 V3.2 特别版
- ·netxray V3.03 特别版
- ·生活在别处
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
上一篇:FTP服务器关于权限的防范问题
精品推荐
热点TOP10
- ·Div+CSS+JS树型菜单,可刷新
- ·一款DIV+CSS导航条效果
- ·彻底弄懂CSS盒子模式(DIV布局快速入门)
- ·Javascript+CSS横向三级导航菜单
- ·网页设计基础:Div+CSS布局入门教程
- ·CSS定位:left
- ·CSS+DIV实现的滑动门菜单特效代码
- ·CSS文本:text-overflow
- ·用网页标准DIV+CSS创建固定宽度的网页布局
- ·使用纯 CSS 设计3D按钮
- ·设计一个基于CSS的网页模板
- ·DW MX 2004 CSS 属性详解
- ·站长推荐:53个CSS-不可或缺的技巧
- ·CSS+DIV自适应高度布局
- ·Div+CSS基础教程(二)
- ·如何用CSS定义表格与模拟表格
- ·CSS定位:bottom
- ·如何使用CSS来进行网页排版
- ·CSS垂直树形下拉菜单
- ·创建一个纯CSS的水平导航条
特别推荐
- ·DIV+CSS常用的网页布局代码
- ·css网页设计非常有用的解决办法
- ·CSS网站布局技巧几则总结
- ·彻底弄懂CSS盒子模式(DIV布局快速入门)
- ·CSS样式设计之CSS滤镜资料小结
- ·总结:用CSS进行网页样式设计攻略全集
- ·创建一个纯CSS的水平导航条
- ·如何用css设置网页字体
- ·CSS中的滑动门技术
- ·Javascript+CSS横向三级导航菜单
- ·CSS文本:word-wrap
- ·用CSS进行网页样式设计攻略全集
- ·用CSS实现的固定表头的HTML表格
- ·CSS属性列表
- ·如何使用CSS来进行网页排版
- ·使用纯 CSS 设计3D按钮
- ·纯CSS制作简洁的垂直导航
- ·网页设计基础:Div+CSS布局入门教程
- ·CSS 制作的三级菜单特效代码
- ·设计一个基于CSS的网页模板
