用CSS巧控制段落缩进&段落首字上沉
日期：2014-05-17 浏览次数：20578 次
有关CSS段落缩进的语法如下：
|
语法: text-indent: <值> |
文本缩进属性可以应用于块级元素(P，H1，等.)，以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进:
| P { text-indent: 2em } 即表示段落缩进2个字符 |
我们可以作如下定义,并把代码放在<head>与</head>间：
| <style> p{text-indent:2em} </style> |
这样，整篇文档的段落的首行都会自动缩进两个字符。另外我们还可以在需要缩进的地方加上以下代码即可：
| style="text-indent:2em> |
用CSS控制段落缩进的好处就是只要定义一次，所以显得很方便。
?
?
有关CSS段落首字下沉语法如下：
我们在使用Word制作文档，或者观看某些报刊杂志时，总会看到段落的首字下沉的效果。那我们在使用ＤＷ制作网页时，是否也能做出这样的效果呢？答案是肯定的。
制作方法：
定义ＣＳＳ样式，代码如下：
.first {FONT-WEIGHT: bolder; FONT-SIZE: 230%; FLOAT: left; COLOR: #990000; LINE-HEIGHT: 1.3em; background-color: #E4E4E4}
代码介绍如下：
Font-weight:bolder 定义字体的粗细，我们这里设置成特粗；
Font-size:230% 定义字体的大小；
Float:left 定义字体的浮动方式，这里设置左对齐；
Color:#990000: 定义字体的颜色值；
Line-height: 定义字体的行高；
Background-color: 定义字体的背景颜色。
你也可以使用ＤＷ定义ＣＳＳ的方法，一一进行设置。
至此，我们的效果便制作好了，你不仿试试！
