CSS中div、span和center元素
2006-09-25 00:00
369 查看
<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>
(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>
相关文章推荐
- 样式表CSS中div、span和center元素
- CSS中div、span和center元素
- CSS中如何把Span标签等行内元素设置为固定宽度及div中内容垂直居中
- CSS基础学习7-CSS设置组织元素(span和div)
- CSS DIV元素与SPAN元素的区别
- [css]如何让一个元素div1的宽度由子元素的宽度决定,并超出父元素div0
- 如何获取div下的除第一个子元素下的span外的其余兄弟元素下的span
- CSS学习笔记 —— div和span
- [DIV/CSS] CSS 属性 :before && :after的用法,伪类和伪元素的区别
- 块状元素(div)与内联元素(span)
- DIV+CSS排版时 如何解决img图片元素下多余空白
- 多个元素并排一行,div+css布局乱码,如何进行处理
- DIV元素的显示和隐藏,及与SPAN元素区别
- <转载>使CSS文字图片div元素居中方法之水平居中的几个方法
- css如何自动换行对于div,p等块级元素(转)
- SPAN元素和DIV元素有的区别
- div元素转换成span元素
- css中 Span 元素的 width 属性无效果原因及多种解决方案
- css使用box-align和box-pack使div的子元素垂直居中
- 深入CSS结构:div再议以及对span的迷惑