一、文字控制属性
分为：字体样式属性 、文本样式属性
1.1 CSS字体样式属性
1.color定义元素内文字颜色
2.font-size 字号大小
3 font-family 字体
4 font-weight 字体粗细
5.font-style 字体风格
6.font 字体综合属性1.1.1 > 文字颜色 color 属性名: color
<style type="text/css">
p.first{
color: pink;
}
p.second{
color: #FF6600;
}
p.third{
color: rgb(200,123,167);
}
</style>1.1.2 字号大小 属性名:font-size
1.1.3 字体粗细 属性值： font-weight
1.1.4 字体族 属性名: font-family
在西方国家罗马字母阵营中，字体分为两大种类：Sans Serif（无衬线体）和Serif（有衬线体）， 平时所用的Georgia、Times New Roman等就属于Serif字体，而Arial、Tahoma、Verdana等则属于Sans Serif字体。对中文而言，同样存在这两大种类，很明显，宋体、细明体(繁体中常用)等就属于Serif，而黑体、幼圆等则属于Sans Serif。 因为黑体字属于“无衬线体”（Sans-serif），而宋体字属于“有衬线体”（Serif），后者对于人眼的辨识来说会更轻松一些，所以阅读的时候会比较舒服。日本文字偏欧美的无衬线体（Sans-serif），所以大部分的人都使用歌德体(相当于西洋文字的无衬线体)。 通常文章的内文、正文使用的是易读性较佳的Serif字体，这可增加易读性，而且长时间阅读下因为会以word为单位来阅读，较不容易疲倦。而标题、表格内用字则採用较醒目的Sans Serif字体，它需要显着、醒目，但不必长时间盯着这些字来阅读。 像宣传品、海报类，为求醒目，它的短篇的段落也会採用Sans Serif字体。但在书籍、报刊杂志，正文有相当篇幅的情形下，则应採用Serif字体来减轻读者阅读上的负担。在Web设计及浏览器设置中也应遵循此原则为是。
1.1.5 字体样式(是否倾斜 属性名: font-style属性值
1.2 CSS文本样式属性
1.2.1 文本间距 属性名: line-height
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>行高--line-height</title>
<style>
p{
line-height: 30px;
}
div{
line-height: 2;
}
</style>
</head>
<body>
<p>行高值 30px</p>
<div>此时没有设置行高的px，则是当前行高 * line-height的属性值</div>
</body>
</html>*** 垂直居中 行高属性值等于盒子高度属性值***
1.2.2 水平对齐方式 属性名 text-align
<style>
h1 {
/* 本质: 居中的是文字内容，不是标签 */
text-align: center;
}
p {
text-align: right;
}
</style>
<h1>h1标题文字</h1>
<p>p标签的文字</p>text-align本质是控制内容的对齐方式，属性要设置给内容的父级
给图片水平对齐
<style>
div{
text-align:center;
}
</style>
<div>
<img src="../Day01/img/ww_20230807222009.jpg" alt>
</div>1.2.3 首行缩进 text-indent
1.数字+px 2.数字 +em (推荐:1em =当前标签的字号大小) 3.设置文字段落的缩进(<blockquote>) 有时在文档中，需要对某段落进行缩进显示，例如显示引用的内容等，这时可以使用文本缩进标记<blockquote>和</blockquote>。
1.2.4 字间距 letter（word)-spacing
1.2.5 文本字母大小写 text-transform
1.2.6 文本装饰 -text-decoration
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>修饰线</title>
<style>
a{
text-decoration: none;
}
div{
text-decoration: underline;
}
p{
text-decoration: line-through;
}
span{
text-decoration: overline;
}
</style>
</head>
<body>
<a href="#"> a标签，去除下划线</a>
<div>div标签，加下划线</div>
<p>p，添加删除先</p>
<span>span标签，添加顶划线</span>
</body>
</html>p{text-decoration: line-through;} 和 <del> 标签都可以在文本上添加删除线，但它们的用途和语义含义有所不同。
1. p{text-decoration: line-through;}：这是 CSS 的一个属性，用于给指定的元素（在这个例子中是 p
标签）添加删除线。它只是视觉效果，没有特殊的语义含义。
2. <del>：这是 HTML 的一个标签，用于表示被删除的文本。它不仅会给文本添加删除线，还具有特殊的语义含义，表示这段文本已经被删除或者不再适用。
总的来说，如果你只是想要视觉上的删除线效果，可以使用 text-decoration:
line-through;。如果你想要表示某段文本已经被删除，应该使用 <del> 标签。
1.2.7 文本阴影 text-shadow
1.3 font 复合属性
二、背景
背景色：background-color
背景图: background-image
背景图平铺方式:background-repeat
背景图位置:background-position
背景图缩放:background-size
背景图固定:background-attachment
背景复合属性:background