持续创作,加速成长!这是我参与「掘金日新计划 · 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,可以设置为负数