简介
css是层叠样式表的（Casading Style Sheets）的简称。有时会成为css样式表或级联样式表。用来美化HTML，让网页更漂亮，布局更简单。使结构（HTML）和样式（css）相分离
语法规范：选择器 { 声明的样式 }
<style>p {color： tomoto;font-size: 24px;}</style><!--style是html标签，里面的内容是css-->
引入方式：行内样式表（行内式）；内部样式表（嵌入式）；外部样式表（链接式）
<!--行内式--><div style="color: red; font-size: 22px;">行内式</div><!--嵌入式--><style>div {color: red;font-size: 22px;}</style><!--链接式--><link rel="stylesheet" href="./css/test.css"/>
####选择器
选择器分为基础选择器和复合选择器两个大类。
基础选择器由单个选择器组成，包括：标签选择器、类选择器、id选择器和通配符选择器。
标签选择器：更改一个类型的标签样式。（一改改一片，不能差异化更改）
<!DOCTYPE html><head lang="zh-CN"><mate charset="UTF-8"><title>多类名</title><style>div {width: 200px;height: 200px;}</style></head><body><div></div></body>
类选择器：样式 . 定义，结构类（class）调用，一个或多个，开发最常用。不能以数字开头，长类名可以用短横线连接。尽量根据命名规范来写。
<!DOCTYPE html><head lang="zh-CN"><mate charset="UTF-8"><title>多类名</title><style>.box {width: 200px;height: 200px;}</style></head><body><div class="box"></div></body>
多类名：把多个类名写在class里，用空格分开。
<!DOCTYPE html><head lang="zh-CN"><mate charset="UTF-8"><title>多类名</title><style>.box {width: 200px;height: 200px;}.box1 {color: tomoto;}</style></head><body><div class="box box1"></div></body>
id选择器：样式#定义，结构id调用，只能调用一次。经常和JavaScript搭配使用。（多个标签调用也能改变样式，但是开发中一定不要这么做！）
<!DOCTYPE html><head lang="zh-CN"><mate charset="UTF-8"><title>多类名</title><style>#box {width: 200px;height: 200px;}</style></head><body><div id="box"></div></body>
通配符选择器：* 定义，表示页面中所有元素，不需要调用，自动给所有元素使用样式。
<style>* {color: tomato;}</style>
字体属性
文本属性
每天进步一点点，妈妈夸我小天才！（doge）
PS：最后附上思维导图（会不会高大上一点）
