您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>建站知识>>>建站与网页制作知识>>>CSS入门教程——文本属性(text)
CSS入门教程——文本属性(text)
发表日期:2007/7/19 1:42:00 出处:中国教程网 作者:未知 发布人:gxlan88 已被访问 1784

 

   文本属性(text)

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

   1.首行缩进(text-indent)

{ text-indent: 24px; }

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

   2.文本颜色(color)

……
p.lv { color: green; }
p.hong { color: red; }

……
<p class="lv">我是绿色的</p>
<p class="hong">我是红色的</p>
……

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

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

……
<p class="zhong">我的对齐方式是居中</p>
<p class="zuo"><span class="lv">我的对齐方式是左对齐</span></p>
<p class="you"><span class="lv">我的对齐方式是右对齐</span></p>
……

   4.文本修饰(text-decoration)

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

……
<p class="shang">上划线</p>
<p class="xia">下划线</p>
<p class="zhong">中划线</p>
<p ><a href="http://www.cainiao8.com/" class="none">我是一个链接,但是没有下划线。</a></p>
……

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

 

    上篇:CSS入门教程——文字属性

    下篇:CSS入门教程——背景属性

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

山里人网站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:313538590 752398505 联系人:山里人