目录
1.字体系列
css使用font-family属性定义文本的字体系列
- 各个字体之间必须用英文状态下的逗号隔开
- 一般情况下，如果有空格隔开的多个单词组成的字体，加引号
- 尽量使用系统自带字体，保证用户的浏览器都能正确的显示
- 常用的几个字体:
body {
font-family:'MicrosoftYaHei',tahoma,arial,'Hiragino Sans GB';
}
1.1 字体大小（font-size）
css使用font-size属性定义字体大小。
p {
font-size：20px；
}
px（像素）大小是我们网页中最常用的单位
- 谷歌浏览器默认的文字大小为16px
- 不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小
- 可以给body标签指定整个页面文字的大小
- 标题标签比较特殊，需要单独指定文字大小
1.2 字体粗细（font-weight）
css中使用font-weight属性来定义字体大小
font-weight有以下参数：
- normal：正常的字体。相当于number为400.
- bold：加粗。相当于number700.
- bolder：特粗
- lighter：变细
- number：数字表示字体粗细，不要加任何单位。
1.3 文字样式（font-style）
css中使用font-style属性设置文本的风格
主要有以下两个属性值：
normal 默认值，标准的字体样式
italic 浏览器会显示斜体的字体样式
注意：平时我们很少给文字加斜体，反而要给斜体标签（em，i）改为不倾斜的字体
1.4 字体的复合属性（font）
字体属性可以把以上文字样式综合起来写，这样可以更加节约代码
body{
font：font-style font-weight font-size/line-height font-family
}
使用font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，并且各个属性之间可以用空格隔开
不需要设置的属性可以省略不写（取默认值），但必须保留font-size和font-family属性，否则font属性将不会起作用
1.5 字体属性的总结
2.css文本属性
CSS Text（文本）属性可以定义文本的外观，比如文本颜色，对齐方式，缩进方式，行间距等。
2.1 文本颜色（color）
color属性用于定义文本颜色
属性值的类型：
| 预定义的颜色 | red，green， bule等 |
| 十六进制 | #FF0000， #FF6600等 |
| RGB代码 | rgb（255,0,0）或者rgb（100%，0%，0%）等 |
2.2 对齐文本（text-align）
text-align属性用于设置元素内文本内容的水平对齐方式
| left | 左对齐（默认） |
| right | 右对齐 |
| center | 居中对齐 |
2.3 装饰文本（text-decoration）
text-decoration属性规定添加到文本的装饰。可以给文本添加下划线，删除线，上划线等。
| none | 默认。没有装饰性线（最常用） |
| underline | 下划线。链接a自带下划线（常用） |
| overline | 上划线（几乎不用） |
| line-through | 删除线（不常用） |
2.4 文本缩进（text-indent）
text-indent属性用来指定文本第一行缩进，通常是将段落的首行缩进
text-indent：10px；
通过设置该属性，所以元素的第一行都可以缩进一个给定的长度。长度可以为负值。
p {
text-indent： 2em；
}
em是一个相对单位，就是当前元素（font-size）1个文字的大小，如果当前元素没有设置大小，则会按照父元素的一个文字大小。
2.5 行间距（line-height）
line-height属性用于设置行间的距离（行高）。可以控制文字行与行之间的距离。
行间距的组成：上间距+文本高度+下间距=行间距
2.6 总结
3 css的三种样式表
按照css样式书写的位置（或者引入的方式），css样式表可以分为三大类
3.1 内部样式表（嵌入式）
内部样式表（内嵌样式表）是写到html页面内部，是将所以css代码抽取出来，单独放到一个style标签中
注意：
- style标签理论可以放在html文档的任何地方，但一般会放在文档的head标签中。
- 通过这种方式，可以方便控制整个页面的元素样式设置
- 代码结构清晰，但是并没有实现结构和样式的完全分离
- 使用内部样式表设定css，通常也被称为嵌入式引入，这种方式是我们练习时常用的方式。
3.2 行内样式表（行内式）
行内样式表（内联样式表）是在元素标签内部的style属性中设定css样式。适用于简单修改样式。
<div style="color: red; font-size: 12px;">青春不常在，抓紧谈恋爱</div>
注意：
- style其实就是标签属性。
- 在双引号中间，写法要符合css规范。
- 可以控制当前的标签设置样式
- 由于书写繁琐，并且没有体现出结构与样式相分离的思想，所以不推荐大量使用，只有当前元素添加简单样式的时候，可以考虑使用。
3.3 外部样式表（链接式）
实际开发都是外部样式表。适合于样式比较多的情况，核心是：样式单独写到css文件中，之后把css文件引入到html页面中使用
步骤：
1.新建一个后缀名为.css的样式文件，把所以css代码都放入此文件中。
2.在html页面中，使用link标签引入到文件中。
<link rel="stylesheet" href="css文件路径">
3.4 总结
504
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
