1. CSS定义
- 层叠样式表
2. CSS引入方式
- 内部样式表：学习使用，把css代码协助在html和style标签里面
- 外部样式表：开发使用，css代码写在单独的CSS文件中（.css），在html使用link标签引入
- 行内样式：配合JavaScript使用，css写在标签的style属性值里
3.选择器
- 作用：查找标签，设置样式
3.1 标签选择器
- 使用标签名作为选择器-> 选中同名标签设置相同的样式
- 如 p h1 div a img
- 缺点：没有办法实现差异化
3.2 类选择器
3.3 id选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* */
#red {
color: red;
}
</style>
</head>
<body>
<div id="red">
啦啦啦啦
</div>
</body>
</html>
3.4 通配符选择器
- 作用：开发初期，删除所有标签的默认样式，后面需要多少设置多少
4.画盒子
5.文字控制属性
5.1 字体大小
- pc端常用单位是px
5.2 字体粗细
5.3 字体倾斜
- 一般用于清除em标签的倾斜效果
5.4 行高
垂直居中
5.5 字体族
- 属性名：font-family
- 属性值： 字体名
- 可以直接去淘宝或者京东复制过来
5.6 字体复合属性font
- 了解就行，也可以复制过来，哪里要改改哪里就行
5.7 文本缩进
- 属性名：text-indent
- 属性值： 数字+px 或 数字+em(推荐，1em=当前标签的字号大小)--工作常用
5.8 文本对齐
- 本质：居中的是文字内容，不是标签
