用CSS巧控制段落缩进&段落首字下沉

free0007

浏览: 1194193 次
性别:
来自: 北京

最近访客更多访客>>

xiaobojava

jklwan

snowman_521

tanyaosong

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

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

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

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

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

我们可以作如下定义,并把代码放在<head>与</head>间：

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

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:　定义字体的背景颜色。
　　你也可以使用ＤＷ定义ＣＳＳ的方法，一一进行设置。
　　至此，我们的效果便制作好了，你不仿试试！

分享到：

照片常用的规格及尺寸 | 怎样用photoshop把gif格式转换成jpg格式

2012-04-12 13:02
浏览 1971
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论