1、背景色
background-color: 颜色属性;填充背景色 #000 #fff rgb rhba
背景色代码
解析：body文章主体的背景色为#000黑色
另给p标签单独设置宽高，填充背景色红色
rgb 后面直接填写颜色数据，
rgba 前三位填写颜色数据，最后一位填写透明度，可写作0.5，也可直接写作.5 。
2、背景图
background-repeat: no-repeat 背景图排列方式 不重复
background-repeat: repeat 重复
background-img：URL（""） 插入背景图，一定要给""，以防出错
想要背景图显示，一定要给宽高
background-position:x y 改变图像在背景中的位置，分别设置x y的值
background-position: 100px 200px; 分别向右和向下偏移
background-position: -100px -200px; 分别向左和向上偏移
background-position: 0px -200px; 只偏移y轴的值
background-position: -100px 0px;只偏移x轴的值
background-position:0 0 ;初始值为0 0 左侧顶端开始
background-size:分别设置的是宽 高
background-size: 50px 100px;
background-size: 100px auto; 单独设设置为100，高自动
background-size: auto 100px; 单独设施宽为自动，高为100
background-size: 100% 100%; 单独设置高等于盒子的高，宽为盒子的宽
background-size: 100% auto; 单独设置高等于盒子的高，宽为自动
background-size: auto 100%; 单独设置高为自动，宽为盒子的宽
background-size: contain; 以最短的边进行尺寸的改变
background-size: cover; 以最长的边进行尺寸的改变
背景图设置简写
background: red url(../day03/imgs/1596088107\(1\).jpg) no-repeat fixed 100px 100px/50px 50px;
URL图片地址， no-repeat 图片不重复 ； fixed图片定位；100px 100px 图片位置调整；50px 50px;图片大小尺寸
3、标签的分类：
块级标签：独占一行 可以设置宽高 p div h1~h6
行内标签：不独占一行 不可以设置宽高 span em strong a
行内块标签：不独占一行 可以设置宽高 img
4、改变鼠标样式
cursor:default 默认样式 defaul的意思是： 箭头 jiantou
cursor: pointer; 鼠标变为小手标识
cursor: move; 鼠标变为移动标识
user-select: none; 用户不能选中文本（需记忆）
5、子代选择器
子代选择器
6、否定选择器
否定选择器：
div p:not(.p3) 语法：not("需要被否定的选择器") （所有文本皆应用，被选中文本不被应用）
否定选择器
7、交集&并集选择器
交集：有两个选择器构成，找到的标签不许满足：既有标签一的特点，也有标签二的特点
并集：是各个选择器通过 ‘ ， ’连接而成，通常用于集体声明
交集&并集
8、其他伪类1（before 、after）
伪类选择器：after{} 一般情况下结合content（内容）属性来一起使用 (在某个标签之后添加)
伪类选择器：before{}一般情况下结合content（内容）属性来一起使用 (在某个标签之前添加)
before&after伪类
9、其他伪类2
first-of-type 选择第一个
style填写样式，一个是蓝色
body主体
last-of-type 选择最后一个
style样式，最后一个是红色
body主体
nth-of-type 任选一个，选择第n个：nth-of-type(n)
此处需要改变第几行样式，（）中就写几
style样式，第二个是紫色
body主体
10、通用选择器
通用选择器*{} 也可以叫作通配符
花括号中的样式应用于整个body
通用选择器
11、兄弟选择器
1、选择p2后面的紧挨着p标签
选择紧挨着后面的兄弟元素
语法：前一个元素+后一个元素{}就能选择出后面的选择器
仅应用紧挨着的下一个文本
选择p2后面的紧挨着p标签
2、选择p2后面的所有的p标签
语法：前一个元素~后一个元素{}就能选择出后面的选择器
应用类标签后后所有的文本标签
选择p2后面的所有的p标签
12、种类之间的转换
1、display:block----转换行内或行内块
转换行内或行内块
2、display: inline;----块级或行内块
块级或行内块
3、 display: inline-block;---- 块
块
13、class命名规范
如类名有两个或两个单词以上的组成，单词之间用-来连接，如Holle-Word
class命名规范