您当时的方位:主页 > 言语编程 > CSS

CSS入门教程——文本特点(text)

2014-10-22  

文本特点(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参考手册。