选择器 作用：查找标签，设置样式
基础选择器：标签选择器，类选择器，id选择器，通配符选择器
标签选择器：使用标签名作为选择器---选中同名标签设置相同的样式，例如p,h1,div,a,img
类选择器：查找标签差异化设置标签的显示效果---定义类选择器——.类名，使用类选择器-标签添加class‘类名’，一个类选择器可以给多个标签使用 注意.类名自定义，不要用数字或中文.一个类选择器可以供多个标签使用.一个标签可以使用多个类名，类名之间用空格隔开
id选择器..作用：查找标签，差异化设置标签的显示效果... 场景：id选择器一般配合js使用，很少用来设置css样式.... 定义id选择器--#id名......使用id选择器------标签添加id=‘id名’
<style>
#red{
color:red;
}
</style>
<div id =“red”>
规则：同一个id选择器在一个页面只能用一次
通配符选择器：作用是查找页面所有标签设置相同样式，*，不需要调用浏览器自动查找页面所有标签，设置相同样式
* {
color:red;
}
画盒子.属性width= 宽度.height = 高度.backgroundcolor = 背景色
<style>
.red{
width:100px;
height:100px;
backgroud-color: red;
}
</style>
<div class =“red”>div1</div>
行高：设置多行文本的间距，属性名：line-height。垂直居中技巧：行高属性值等于盒子高度属性值
文字复合属性：font。使用场景：设置网页文字公共样式
文本缩进：text-indent。属性值：数字➕px，数字➕em
文本对齐：text-align。属性值：left:左对齐（默认）center：居中对齐right：右对齐
修饰线：text-decoration
颜色：color：rgba表示法，十六进制表示法
复合选择器：由俩个或者多个基础选择器，通过不同的方式组合而成。作用是更准确，更高效的选择目标元素
后代选择器：选中某元素的后代元素。写法：父选择器_子选择器{css属性}，父子选择器之间用空格隔开
<style>
div span {
color:red;
}
</style>
<span>span标签</span>
<div>
<span>11111</span>
</div>
子代选择器：选中某元素的子代元素（最近的子级）写法：父选择器>子选择器{css属性}，父子选择器之间用>隔开
<style>
div>span {
color: red;
}
</style>
并集选择器：选中多组标签设置相同的样式。写法：选择器1，选择器2，选择器3
伪类选择器：伪类表示元素状态，选中元素的某个状态设置样式。鼠标悬停状态：选择器：hover{css属性}
<style>
a.hover {
color:red;
}
.box:hover {
color:green;
}
</style>
<a href="#">a标签</a>
<div class="box">div标签</div>
css特性：简化代码/定位问题.继承性.层叠性.优先级
