PHP全栈开发(八):CSS Ⅳ 文本格式及字体

2022-11-15,,,,

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

颜色

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;

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

PHP全栈开发(八):CSS Ⅳ 文本格式及字体的相关教程结束。

《PHP全栈开发(八):CSS Ⅳ 文本格式及字体.doc》

下载本文的Word格式文档,以方便收藏与打印。