当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS中div、span和center元素

CSS样式表
line-height使文本居中的3像素bug问题
IE8.0Beta比较不错的功能:WebSlices
IE8、IE7、IE6、FF简单的CSS HACK测试
Web前端开发的Firefox插件
CSS3教程:background-clip和background-origin
CSS教程:使用ul进行网页的多列布局
CSS盒模型制定网页的宽度和高度的原理
CSS:何制作一个向各个方向延展box?
CSS高级技巧:CSS Sprites
CSS高级技巧:图片替换
CSS高级技巧:文字环绕图片
CSS样式表教程:screen媒体类型的作用
css教程:美化网页段落的排版
网页注册表单的网页设计技巧
CSS控制表格文字样式的研究
dl,dt,dd,ul,li,ol区别及应用
英文教程:鼠标悬停(hover)效果
CSS制作的三款漂亮的网页表单
CSS教程:行高line-height属性(2)
CSS:闭合元素和浮动元素的差别

CSS样式表 中的 CSS中div、span和center元素


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 149 ::
收藏到网摘: n/a

  <div>和<span>用来为内容指定样式或绑定脚本。虽然大多数HTML元素可以通过style属性来设置样式信息,但是许多HTML元素有自己默认的样式,该样式可能和style定义的样式混合甚至冲突,是我们不希望看到的。如:<strong style = “color: red”>I am strong!</strong>。和其他html元素不同,<div>和<span>没有默认的显示样式。所以可以通过它们来指定样式。

  (1)<div>(division)是块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。由于是块级元素,在段落开始、结束处会插入一个换行。<div align=””>…</div>用来设置内容块的位置。可以使用<div>来为文档的任意部分绑定脚本或样式。

  (2)和<div>不同,<span>是一个行内元素,不会引起换行。它是一个逻辑化的内嵌分组元素。最常见的使用方式是用它来为一段文本中的几个单词甚至某几个字符指定样式。

  (3)可以将需要居中的内容放到<center></center>中间。<center>与<div align = ”center”>作用相同。

  举例:<span>元素的使用。

<p>In this sentence <span class = “important”>some of the text is important!</span></p>