用CSS巧控制段落缩进

2016-01-29 12:41 14 1 收藏

用CSS巧控制段落缩进,用CSS巧控制段落缩进

【 tulaoshi.com - Html 】

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

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

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

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

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

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

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

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

〈style="text-indent:2em〉

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

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

来源:https://www.tulaoshi.com/n/20160129/1487206.html

延伸阅读
标签: Web开发
本文主要讲解如何用CSS控制网页段落行间距的三个实例:1、使用百分比设置行间距,2、使用像素值设置行间距,3、使用数值来设置行间距。 1、使用百分比设置行间距 本例演示如何使用百分比值来设置段落中的行间距。 html head style type="text/css" p.small {line-height: 90%} p.big {line-height: 200%} /style /head body p ...
·背景颜色 background-color 我想这个我就不用多做介绍了,颜色代码我想大家都知道的,不是用英文来代替就是用指定的代码来表示的。这个的默认值是transparent(透明色)。 例:body{background-color:yellow} H1{background-color:#000000} ·背景图片 background-image 背景图片和背景颜色在HTML里面的设置也是基本相同的,都可以在里加入...
标签: Web开发
list-style-type版本:CSS1/CSS2 兼容***:IE4+ NS4+ 继承***:有 语法: list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha ...
  在制作有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进;如果是中文格式则需要缩进,即段落开头要求空两个汉字的位置。 在实际制作中,有以下四种段落缩进方法,现介绍如下: 1.预格式(PRE) 用预格式编写的源文件,在显示时照源文件中的排版字样显示,空行和空格都能很清楚地区别开来。如源文件为: ...
对文档中文本段落格式进行整理,比如首行缩进、段前距、段后距、行距等等,想必大家在编辑文章过程中会经常操作吧,你用的是什么方法呢?在WPS Office 2012的文字工具中“段落布局”选项卡的出现不禁让网友们眼前一亮,因为它是所见即所得的UI操作界面有了它调整效果可以及时显示,段落的调整会更加轻松自如、方便、人性化。常见的段...

经验教程

134

收藏

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