文本样式的使用CSS入门基础（008）

这一节我们分享关于文本样式的内容。

字体样式和文本样式为什么要区分呢&＃xff1f;字体样式主要涉及字体本身&＃xff0c;而文本样式主要涉及多文字的排版效果&＃xff0c;即整个段落文字的排版效果。因此&＃xff0c;使用text前缀来区分。

text-decoration划线属性&＃xff1a;

在CSS中&＃xff0c;使用text-decoration属性来定义段落文本的下划线、删除线和顶划线。

语法&＃xff1a;

text-decoration:属性值&＃xff1b;

示例代码&＃xff1a;

我是下划线

在HTML学习中&＃xff0c;我们知道了用是删除线&＃xff0c;是下划线。现在学习css样式代码后&＃xff0c;这些效果以后都使用text-decoration属性定义。

在学习css后&＃xff0c;让HTML中的s标签和u标签就尘封吧。

text-decoration的none属性有一个很重要的使用方法&＃xff0c;就是可以消除链接的下划线的。

有下划线链接

在实际开发中&＃xff0c;大多数网站都会把链接的下划线给去除的&＃xff0c;因为带下划线的链接实在是太丑了。这个小技巧请大家要记住的。

它们的用途&＃xff1a;

下划线&＃xff0c;一般用于文章的重点说明部分&＃xff1b;

删除线&＃xff0c;一般用于在电商网站中&＃xff0c;对价格部分进行标记促销的&＃xff1b;

顶划线&＃xff0c;这个一般用不到&＃xff1b;

text-transform文本大小写&＃xff1a;

在css中&＃xff0c;我们可以使用text-transform属性对文本的大小写进行变换&＃xff0c;当然这个主要是针对的英文而言&＃xff0c;中文字体不存在这个大小写的区分。

语法&＃xff1a;

text-transform:属性值&＃xff1b;

示例代码&＃xff1a;

​​​​​​​

                  大写&＃xff1a;i love china.you love china.

下节我们接着分享文本样式的内容。