PHP全栈开发：CSS Ⅳ 文本格式属性(text)

Posted 2020-12-28 秋天的蒙奇奇

文本系列属性主要是设置文本格式的，例如....

颜色

body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);

可以设置文本的居中，左对齐，右对齐，两端对齐等，使用text-align属性

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

justify属性表示两端对齐

还有设置文本的删除线、下划线、或者删除文本的下划线格式使用

text-decoration（修饰）

例如给文本添加下划线：

h3 {text-decoration:underline}

给文本添加删除线

h2 {text-decoration:line-through}

或者你想清楚文本的任何格式使用：

h2 {text-decoration:none;}

不过这条代码主要是用于删除超链接的下划线。当然其他格式也一并删除了，当然不包括字体的颜色、大小等。只是把装饰(decoration)删除了。

letter-spacing:5px;

letter-spacing 可以设置字符间距，注意噢，不是字间距。

字符间距是设置每个字母的间距，字间距是设置每个单词的间距，字间距的设置方法如下：

word-spacing:30px;

而这个word-spacing对中文是没有效果的噢。设置中文间距的话要使用letter-spacing来进行设置噢

text-shadow: 2px 2px #ff0000;

这个可以用来设置文本的阴影，注意参数之间用空格隔开，而不是使用分号相隔。

p.big {line-height:200%}

line-height可以用来设置行高。

当然还有其他很多的设置文本格式的属性，可以观看手册。

 

除了这些之外，我们还能设置文本的字体，

 font-size:20px;

这个可以来设置字体大小

font-family:times;

这个可以用来设置文本的字体系列。

font-style:noral;

这个可以用来设置字体的样式，比如斜体等。