补充：书写规范：选择器后面要有空格
其他直接看：CSS 按钮 | 菜鸟教程 (it028.com)
www.it028.com/index.htm
CSS使用方式：三种
1內部式
2行内式：直接在标签中的style属性中写
3外部样式表：通过link标签引入
权重大小很明显，越近权重越大：行内>内部>外部引入
CSS三大特性：层叠性，继承，优先级
层叠性：样式冲突，遵循就近原则进行覆盖（覆盖性）
继承：主要继承文字的样式(font-，text-，line-以及color，行高)
优先级：权重：!important> 行内样式style=""> ID选择器> 类选择器，伪类选择器> 标签选择器> 继承或者*
权重叠加：ui li{....} > li{....}
选择器：四种
标签选择器
顾名思义，把指定的html标签的样式改变
class类选择器
style写一个类样式，html标签用class属性可以直接调用
id选择器
只能使用一次
通配符选择器
不需要调用，能把html,body,div,p所有标签都进行改变，不需要调用
字体
font-family: 'Courier New', Courier, monospace;【同时赋值几个增加兼容性】
font-size: 22px;【字体大小】
font-weight: 700;【字体加粗】
font-style: italic;【字体设置为斜体】
简写：
font:12px/1.5 Microsoft YaHei；【行高是字体的1.5倍】
文本
color: aqua;
text-align: center;【本质是让div盒子里的文字居中对齐】
text-decoration: underline;
text-indent: 20px;【文本缩进】
line-height: 26px;【line-height是上边距+字体高度+下边距,因为默认字体大小为16px,所以line-height起码大于16px才看得出来】【引文line-height是上边距+字体高度+下边距,所以让文字在盒子里居中的方式可以为line-height等于盒子的高度】
emment语法快速生成html标签
1 .demo$*5
2 .one${我是人}*4
emment语法快速生成css样式
w100 按table【width: 100px;】
h200 按table【height: 200px;】
tac 按table【text-align: center;】
lh29 按table【line-height: 29;】
复合选择器：后代选择器，子选择器，并集选择器，伪类选择器
后代选择器：选择所有后代
子选择器：用大于符号，选择亲儿子，不选孙子等
并集选择器:用逗号
伪类选择器
链接伪类选择器：书写顺序lvha
表单伪类选择器：点击就更改样式
display展示方式
display: block; 转为块元素！！！独占一行！！！【侧边栏一般可以直接一个div里面装几个a，把 a 设置为块再设置为高度就OK】
display: inline; 转为行内元素
display: inline-block; 转为行内块元素（一行放多个且可以调高度）
背景图片
width: 700px;
height: 700px;
background-color【背景色】
background-image: url(../山.jpg);
background-repeat: no-repeat;
background-position: 20px center; 【第一个位置的值用于左右移动,第二个位置的值用于上下移动.如果只写了一个值那就是左右移动,上下居中对齐background-position: 20px center;等价于background-position: 20px;】
background-attachment: fixed;【是否固定】
background: rgba(0,0,0,0.3);【背景色：最后一个值控制透明度】
简写，写成一行：
background: black url(../山.jpg) no-repeat 20px center;
标签：常用,标签,height,background,line,font,选择器,CSS From： https://www.cnblogs.com/dfzj/p/18054802