用CSS巧控制段落缩进

css|控制

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

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

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

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

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

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

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

〈style="text-indent:2em〉

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

时间: 2024-08-17 16:05:54

用CSS巧控制段落缩进的相关文章

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

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

css 段落缩进text-indent用法

  段落缩进很实用,配合P标签能起到意想不到的效果.CSS中的段落缩进定义是通过text-indent来实现,下面说下它的参数和用法: 语法: text-indent: 〈值〉 允许值: 〈长度〉或者〈百分比〉 初始值: 0 文本缩进属性可以应用于块级元素(P,H1等.)或用户自定义的地方,在段落的第一行生效,值必须是整数或一个百分比.若百分比则CSS会自动查找上级元素的宽度设定值,具体的代码示例: P { text-indent: 20px } 即表示段落缩进20个像素值,大约就是空两个汉字那

CSS控制ul缩进间距和去掉li点的方法

 一.CSS控制ul缩进间距的方法: <style type="text/css"> ul{margin-left:-10px;} </style> <ul>      <li>电脑软硬件应用网www.45it.com</li> </ul> 二.CSS去掉li点的三种方法: 方法一: <ul>      <li style="list-style-type:none;">

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

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

Dreamweaver文本段落缩进方法

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

CSS实现排版段落前面空两个字,不使用空格

css 段落前面空两个字的距离,不要再使用空格了.应该使用首行缩进text-indent. text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. 在这里我们需要了解一种长度单位em.em是相对长度单位.相对于当前对象内文本的字体尺寸. 我们中文段落一般每段前空两个汉字.实际上,就是首行缩进了2em. 看下面的例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "ht

制作网页中设计段落缩进的方法

    在使用Dreamweaver进行网页制作中有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进(不支持半角空格):如果需要缩进往往需要用如下方法解决:     1.人为的加入两个中文全角空格,才能够显示出位置缩进效果.     2.插入点图或图形     点图是指图片中只有一个或几个像素点,用肉眼看不出来.当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进.     同样可以插入图形,只不过该图形的颜色需要用网页背景色

dreamweaver中设计段落缩进的方法

在使用Dreamweaver进行网页制作中有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进(不支持半角空格). 在使用Dreamweaver进行网页制作中有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进(不支持半角空格):如果需要缩进往往需要用如下方法解决:     1.人为的加入两个中文全角空格,才能够显示出位置缩进效果.     2.插入点图或图形     点图是指图片中只有一个或几个像素点,用肉眼看不出来.当我们在段落开头插入这样一个点图,并用HSPACE和VSPA

网页打造中段落缩进的5种解决要领

  1.人为的加入两个中文全角空格,才能够显示出位置缩进效果.  2.插入点图或图形 点图是指图片中只有一个或多个像素点,用肉眼看不出来.当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进. 同样可以插入图形,只不过该图形的颜色须要用网页背景色,这种方式用IMG的WIDTH和HEIGHT属性调整图形大小,以达到缩进. 插入图形的要领,须要我们掌握好HSPACE和VSPACE大小的尺度,使之刚好留出两个汉字的位置,这样才比较美观. 3.