CSS控制段落缩进:text-indent:2em

2016-02-19 22:10 113 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享CSS控制段落缩进:text-indent:2em,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发 】

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

style

p{text-indent:2em}

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

/style

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

style="text-indent:2em

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

来源:https://www.tulaoshi.com/n/20160219/1627841.html

延伸阅读
标签: Web开发
CSS支持多种长度单位。它们可被分成两大类:绝对长度单位(以不依赖于显示设备的绝对尺寸来定义长度);相对长度(相对其它为浏览器所知的单位来定义长度)。 绝对长度度量可使用五种单位:英寸(in)、厘米(cm)、毫米(mm)、磅(point,写作pt)、字高(pica,写作pc)。磅和字高通常被用作印刷单位,其中1pica=12pt。CSS把1pica...
标签: Web开发
text-shadow版本:CSS2 兼容性:无 继承性:无 语法: text-shadow : color || length || length || opacity 取值: color : 指定颜色。请参阅 颜色单位 和 附录:颜色表 length : 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。请参阅 长度单位 length : 由浮点数字和单位标识符组成的长度值。可...
标签: Web开发
text-transform版本:CSS1 兼容性:IE4+ NS4+ 继承性:有 语法: text-transform : none | capitalize | uppercase | lowercase 取值: none : 默认值。无转换发生 capitalize : 将每个单词的第一个字母转换成大写,其余无转换发生 uppercase : 转换成大写 lowercase : 转换成小写 说明: 检索或设置对象中的文本的大...
标签: Web开发
text-decoration版本:CSS1 兼容性:IE4+ NS4+ 继承性:无 语法: text-decoration : none || underline || blink || overline || line-through 取值: none :? 默认值。无装饰 blink :? 闪烁 underline :? 下划线 line-through :? 贯穿线 overline :? 上划线 说明: 检索或设置对象中的文本的装饰。 有 href 特...
标签: word
Word2007中段落设置之段落缩进   根据我们的阅读或者写文章的习惯,我们常常是要将每段开头缩进两个字符。如果我们编辑完一篇长文档后,要进行对段头缩进,使用段落设置中首行缩进的功能来进行设置,下面我们一起来看看具体的操作。 操作步骤: 1、框选Word文稿中的内容右键选择段落。 段落 2、设置段落按照下...

经验教程

255

收藏

8
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部