织梦CMS - 轻松建站从此开始!

澳彩 bet356 等_bet356提款太慢_bet356邮箱验证基地-澳彩 bet356 等_bet356提款太慢_bet356邮箱验证资源信息服务共享平台

当前位置: 首页 > 网络技术 > DIV&CSS >

CSS入门教程-文本属性(text)_Css

时间:2014-11-21 12:08来源:未知 作者:学友宝 点击:
文本属性主要用于控制页面内文本的属性,例如颜色、间距和首行缩进等。 文本属性(text) 合理的应用CSS文本属性不只可以改变你页面文本的风格,还可以在一定程度上帮你省去不必要

文本属性主要用于控制页面内文本的属性,例如颜色、间距和首行缩进等。

文本属性(text)

合理的应用CSS文本属性不只可以改变你页面文本的风格,还可以在一定程度上帮你省去不必要的劳动。我就曾经试图为每一个段落的首行打两个空格,但是在CSS中你只需要一小段代码就可以让你站点之内所有的段落都自动缩进两个字符。我们就以首行缩进开始介绍一些常用的文本属性。

1.首行缩进(text-indent)

复制代码 代码如下:
{ text-indent: 24px; }

加入上面CSS语句的页面,所有的段落首行都将自动缩进24个像素。

2.文本颜色(color)

复制代码 代码如下:
……
? p.lv { color: green; }
? p.hong { color: red; }
? ……

我是绿色的


我是红色的


? ……

3.文本对齐属性(text-align)

复制代码 代码如下:

……
?p.zhong { text-align: center; }
?p.zuo { text-align: left; }
?p.you { text-align: right;}
?……

我的对齐方式是居中


我的对齐方式是左对齐


我的对齐方式是右对齐


?……

4.文本修饰(text-decoration)

复制代码 代码如下:

……
?p.shang { text-decoration: overline; }
?p.xia { text-decoration: underline; }
?p.zhong { text-decoration: line-through;}
?a.none { text-decoration:none; }
?……

上划线


下划线


中划线



?我是一个链接,但是没有下划线。


?……

以上四个CSS文本属性在实际的网页设计过程中都是十分常用的。当然了,它们不是全部的文本属性。
还有有一些并不常用的文本属性和一些只涉及英文网页的CSS文本属性(例如大小写),可以参阅CSS参考手册。

原文来源于;http://xuezijd.com/a/webbase(网络技术|div&css) (责任编辑:澳彩 bet356 等_bet356提款太慢_bet356邮箱验证基地)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片 匿名?
栏目列表
推荐内容