link元素与文本属性

147 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第2天,点击查看活动详情

CSS表示层叠样式表(Cascading Style Sheet,又被称为串样式列表、级联样式表、串接样式表、阶层式样式表)是为网页添加样式代码。

link元素

link元素是外部资源链接元素,规范了文档与外部资源的关系

link元素通常是在head元素中

最常用的链接是样式表(CSS);

此外也可以被用来创建站点图标(比如“favicon”图标);

link元素常见的属性:

href:此属性指定被连接资源的URL。URL可以是绝对的,也可以是相对的。

rel:指定链接类型;

stylesheet:CSS样式;icon:图标。

文本属性:

1.text-decoration(常用)

text-decoration用于设置文字的装饰线

decoration是装饰/装饰品的意思

text-decoration有如下常见的值:

none:无任何装饰线

可以去除a元素默认的下划线

underline:下划线

overline:上划线

line-through:中划线(删除线)

2.text-transform(一般)

Transform单词是使变形/变换(形变)

text-transform有几个常见的值:

capitalize:(使...首字母大写,资本化的意思)将每个单词的首字符变为大写

uppercase:(大写字母)将每个单词的所有字符变为大写

lowercase:(小写字母)将每个单词的所有字符变为小写

none:没有任何影响

实际开发中用JavaScript代码转化的更多。

3.text-indent(一般)

text-indent用于设置第一行内容的描述

text-indent:2em;刚好缩进两个文字

4.text-align(重要)

text-align:设置文本的对齐方式(直译);

MDN:定义行内内容(例如文字)如何相对它的块父元素对齐;

常用的值:

left:左对齐

right:右对齐

center:正中间显示

justify:两端对齐

div是块级元素不能用此代码居中。

5.letter-spacing、word-spacing(一般)

分别用于设置字母、单词之间的间距

默认是0,可以设置为负数