当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 用CSS巧控制段落缩进

HTML/XHTML教程
标记语言:为
将XHTML CSS页面转换为打印机页面
robots.txt详细介绍
HTML和CSS在Flash中的应用
html sub标记和sup标记
HTML 超级链接详细讲解
网页制作前先来看看这些所谓的规范
HTML iframe 用法总结收藏
HTML5 Canvas 起步(2) - 路径
XHTML1.0与HTML兼容指引16条 小结
有效网页表单的八条规则
html pre标记里内容自动换行
设计师 需要学习编写代码吗
使用整洁的HTML标记构建页面
img usemap属性 中国地图链接
HTML5 Canvas标签使用收录
HTML&CSS&JS兼容树(IE,Firefox,chrome)
用js互相调用iframe页面内的js函数
网页制作基础 声明文档类型描述(DTD
HTML5 CSS3新的WEB标准和浏览器支持

HTML/XHTML教程 中的 用CSS巧控制段落缩进


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

有关CSS段落缩进的语法如下:

语法: text-indent: 〈值〉
  允许值: 〈长度〉 | 〈百分比〉
  初始值: 0

文本缩进属性可以应用于块级元素(P,H1,等.),以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进:

P { text-indent: 2em } 即表示段落缩进2个字符

我们可以作如下定义,并把代码放在与间:

〈style〉
  p{text-indent:2em}
  〈/style〉

这样,整篇文档的段落的首行都会自动缩进两个字符。另外我们还可以在需要缩进的地方加上以下代码即可:

〈style="text-indent:2em〉

用CSS控制段落缩进的好处就是只要定义一次,所以显得很方便。