一，选择器的权重
| 选择器 | 标签选择器 | 类 | id | 通配符 |
|---|---|---|---|---|
| 权重 | 1 | 10 | 100 | 0 |
例如：div .box #box1{}这个选择器的权重为100+10+1，在css样式中，如果对同一个标签设定样式，只会设定选择器权重最高的样式。行内样式权重为1000。
二，css样式的继承
一般来说和文字相关的属性都具有继承性，和盒子模型相关的属性一般不继承。
.class{
box-sizing: 200px;
font-size: 15px;
}
此处的font-size属性就可以继承给子元素，box-sizing属性无法继承。
三，css的初始值
-
css中的样式都有初始值，比如
background-color的初始值为transparent，margin-left的初始值为0。 -
我们可以使用
initial关键词来将属性重置为初始值，如background-color: initial
四，css的求值过程
五，css布局
1.布局是什么
- 确定内容的大小和位置的算法
- 依据元素，容器，兄弟节点和内容信息来计算
2.布局方式
- 常规流（文档流）
根据标签类型有不同的排列模式如块级元素和行内元素
- 浮动
将一些元素设置浮动，通过float属性来确定位置
- 绝对定位
通过相对定位和绝对定位，让目标元素能通过坐标确定位置
position: relative;
left: 200px;
top: 200px;
此处为相对定位，以上一个绝对定位元素的左上角为起点，通过输入坐标的方式来确定位置。
六，css盒子模型相关样式
| 样式名 | 属性值 | 作用 |
|---|---|---|
| margin | px | 设置外边距 |
| padding | px | 设置内边距 |
| width | px | 设置盒子宽度 |
| height | px | 设置盒子高度 |
| border | width style color | 设置盒子边框宽度，样式和颜色 |
| border-radius | px/xx% | 设置圆角半径 |
| box-shadow | h-shadow v-shadow blur spread color outset/inset； | 设置阴影的水平垂直位置，模糊半径，扩展半径，颜色，外/内阴影 |
| display | 各种元素类型 | |
| background-color | rgba(红，黄，蓝，不透明度) | 设置背景颜色和不透明度 |
| opacity | % | 设置不透明度 |
