最近跟pink老师的前端课学习，写写笔记，加深理解
首先我们要知道CSS的语法
CSS语法：
选择器 {
属性：属性值；
...
}
基本选择器：标签选择器 类选择器 id选择器 通配符选择器
- 标签选择器：
标签选择器就是把某一类标签全部选择出来 （写上标签名），如：
点击查看代码
<style>
p {
color: bisque;
}
div {
color: blueviolet;
}
</style>
</head>
<body>
<p>男生</p>
<div>女生</div>
语法:
.类名 {
属性值：属性值1；
...
}
注意：不能为标签名，如果名字过长，可以用短横线-来分割，不要使用纯数字、中文等命名，尽量使用英文字母表示，命名要有意义;
html中需要用class属性来调用class类的意思;
类选择器可以使用多类名，多类名使用方式 ：在标签class属性中写多个类名，多个类名中间必须用空格隔开；
多类名开发可以把一些标签元素相同的样式（共同部分）放到一个类里面，这些标签都可以调用这个公共的类，然后在调用自己独有的类，从而节省CSS代码，统一修改非常方便，多类名选择器在后期布局比较复杂的情况下，还是比较多使用的。
点击查看代码
<style>
.red {
color: blueviolet;
}
.green {
font-size: 18px;
}
.star-sing {
color: brown;
}
.font35 {
font-size: 35px;
}
</style>
</head>
<body>
<ul>
<li class="red">冰雨</li>
<li class="green ">来生缘</li>
<li class="star-sing">李香兰</li>
<li class="red">生僻字</li>
<li class="green">江南style</li>
</ul>
<div class="red font35">刘德华</div>
</body>
id选择器可以为标有特定id的HTML元素指定特定的样式，HTML元素以id属性来设置id选择器，CSS中id选择器以"#"定义，id选择器在html中只能调用一次。
语法：
#id名 {
属性1,： 属性值1；
...
}
点击查看代码
<style>
#pink {
color: pink;
}
</style>
</head>
<body>
<div id="pink">pink老师</div>
</body>
id选择器和类选择器的区别：
类选择器好比人的名字，一个人可以有多个名字，同时一个名字也可以被多个人使用；
id选择器好比人的身份证号码，全中国是唯一的，不得重复；
id选择器和类选择器最大的不同在于使用次数上；
类选择器在修改样式中用的最多，id选择器一般用于页面唯一性的元素上，经常性和JavaScript搭配使用。
4. 通配符选择器
通配符选择器使用"*"定义，他表示选取页面中所有元素（标签）。
语法：
* {
属性1： 属性值1；
...
}
通配符选择器不需要调用，自动就给所有的元素使用样式，特殊情况才使用。
点击查看代码
<style>
* {
color: pink;
/* 这里把 html body div span li 全部修改了颜色 */
}
</style>
</head>
<body>
<div>我的</div>
<span>我的</span>
<ul>
<li>还是我的</li>
</ul>
</body>
* 标签选择器直接应用于HTML标签
* 类选择器可在页面多次使用
* id选择器在同一个页面只能使用一次
* 基本选择器的优先级：
id选择器>类选择器>标签选择器