css 段落缩进text-indent用法

   段落缩进很实用,配合P标签能起到意想不到的效果。CSS中的段落缩进定义是通过text-indent来实现,下面说下它的参数和用法:

  语法: text-indent: 〈值〉

  允许值: 〈长度〉或者〈百分比〉

  初始值: 0

  文本缩进属性可以应用于块级元素(P,H1等.)或用户自定义的地方,在段落的第一行生效,值必须是整数或一个百分比。若百分比则CSS会自动查找上级元素的宽度设定值,具体的代码示例:

  P { text-indent: 20px } 即表示段落缩进20个像素值,大约就是空两个汉字那么宽。

  这样,在网页的正文区带

  标签的地方,都可以向后缩进20像素,让整篇文章排版更规范。如果你没有使用,那么也可以在需要缩进的地方这样定义,比如是标签:

  CSS控制段落缩进是很实用的,只需定义一次,增加文章可读性,可提高网页的浏览体验。

时间: 2024-09-18 11:32:30

css 段落缩进text-indent用法的相关文章

用CSS巧控制段落缩进

css|控制 有关CSS段落缩进的语法如下: 语法: text-indent: 〈值〉 允许值: 〈长度〉 | 〈百分比〉 初始值: 0 文本缩进属性可以应用于块级元素(P,H1,等.),以定义该元素第一行可以接受的缩进的数量.该值必须是一个长度或一个百分比.若百分比则视上级元素的宽度而定.通用的文本缩进用法是用于段的缩进: P { text-indent: 2em } 即表示段落缩进2个字符 我们可以作如下定义,并把代码放在与间: 〈style〉 p{text-indent:2em} 〈/st

用CSS巧控制段落缩进的方法

  有关CSS段落缩进的语法如下: 语法: text-indent: 〈值〉 允许值: 〈长度〉 | 〈百分比〉 初始值: 0 文本缩进属性可以应用于块级元素(P,H1,等.),以定义该元素第一行可以接受的缩进的数量.该值必须是一个长度或一个百分比.若百分比则视上级元素的宽度而定.通用的文本缩进用法是用于段的缩进: P { text-indent: 2em } 即表示段落缩进2个字符 我们可以作如下定义,并把代码放在与间: 〈style〉 p{text-indent:2em} 〈/style〉

Dreamweaver8轻松实现文本的段落缩进

dreamweaver|dreamweaver8 我们在用Drwamweaver书写英文文本时,段落一般不缩进(不支持半角空格):但我们大多的时候都是用中文书写格式,必须在每段开头空两个汉字的位置.但浏览器对于文本中的空格,不管多少只认一个空格.如何在Drwamweaver中实现文本的段落缩进,也就成了网页制作中的一大难题.针对这一问题,本文为大家提供以下几种解决办法. 一.用自Dreaweave身所带的功能 1.在Dreamweaver中执行下面操作4次就可以插入两个汉字大小的空格. 2.用同

Dreamweaver文本段落缩进方法

很多朋友为Dreaweave中缩进的头痛,都不知道该如何解决,那么我们通过下面的几点,来教你使用Dreaweave中缩进的功能吧 . 一.用自Dreaweave身所带的功能 1.在Dreamweaver中执行下面操作4次就可以插入两个汉字大小的空格. 2.用同背景色相同颜色的字符来完成插入空格,这种方法操作比较繁琐.不易修改,而且在浏览内容被选取时,隐藏的字符就曝光了. 二.用HTML语言 用HTML语言方实现中文段落缩进.对于不懂HTML的初学者来说就有些困难了. 1.预格式(PRE) 用预格

JQuery中Text方法用法实例分析

  本文实例讲述了JQuery中Text方法用法.分享给大家供大家参考.具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g

jQuery的text()方法用法分析_jquery

本文实例讲述了jQuery的text()方法用法.分享给大家供大家参考.具体分析如下: 此方法返回或者设置匹配元素的文本内容. 如需了解更多相关内容可参阅参考手册text()方法. 特别说明: HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染. 文本内容是先将内容中的HTML预定义字符转换成html字符实体,这样HTML标签就不会被渲染. text()方的使用: 用法一: 此方法不带参数时候,功能是取得所有匹配元素的文本内容,并且结果是由所有匹配元素包含的文本内容组合起来的文本.

JQuery中Text方法用法实例分析_jquery

本文实例讲述了JQuery中Text方法用法.分享给大家供大家参考.具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea

精通CSS+DIV网页样式与布局--CSS段落效果

        在上一篇博文中,小编主要详细的介绍了CSS是如何控制文字的显示效果,随着需求的不断变更,那么我们如何对段落进行相关操作,以达到我们想要的效果呢,接下来,为了需要,小编继续来完善CSS对段落的控制的显示效果.首先,我们来看一张导图:                   接下来,小编会随着上图所示的脉络,对CSS段落设置进行相关简单的介绍,首先我们来看CSS段落设置中的对齐效果:        对齐效果        水平对齐方式        首先,我们来看一段水平对齐方式的代码以

jQuery中:text选择器用法实例_jquery

本文实例讲述了jQuery中:text选择器用法.分享给大家供大家参考.具体分析如下: 此选择器能够选取所有的单行文本框. 语法结构: 复制代码 代码如下: $(":text") 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt