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

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

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

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

style

p{text-indent:2em}

/style

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

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

style="text-indent:2em

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

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

延伸阅读
标签: word
Word中段落缩进技巧讲解   在Word中编辑时,段落缩进设置是十分关键的,也是每个文档中必备的。一般的用户都可以熟练的掌握这个设置技巧,如果你还不懂的话,没关系,一起来学习一下吧! 第1步,打开Word2003文档窗口,选中需要设置缩进的段落。在菜单栏依次单击格式→段落菜单命令,如图1所示。 图1 Tulaoshi.Com单...
标签: word
Word2007中段落设置之段落缩进   根据我们的阅读或者写文章的习惯,我们常常是要将每段开头缩进两个字符。如果我们编辑完一篇长文档后,要进行对段头缩进,使用段落设置中首行缩进的功能来进行设置,下面我们一起来看看具体的操作。 操作步骤: 1、框选Word文稿中的内容右键选择段落。 段落 2、设置段落按照下...
标签: Web开发
px比em更加容易使用,em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px,所以10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。 e...
标签: 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 : 转换成小写 说明: 检索或设置对象中的文本的大...

经验教程

368

收藏

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