通过设置inherit值，可以转变默认的担任方法。

二，CSS优先级

　　不异样式优先级

　　　　当设置不异样式时，后写的优先级较高，但不建议呈现反复设置样式的情况。

　　内部样式与外部样式

　　　　内部样式与外部样式优先级不异，如果都设置了不异样式，后引入的优先级高。

　　单一样式优先级

　　　　style行间> id>   class>   tag>    *>   担任（inherit）

　　　　1000　　100　　10　　1

　　

　　　　！important 权重 > 10000（建议不要乱用，非规范写法）

　　　　场景 ： 告急情况下使用。

　　　　标签+类的权重 >  单类

　　　　群组和单一样式？

　　　　群组选择器与单一选择器的权重不异，靠后写的优先级高。

　　　　条理选择器

　　　　权重 ：把对应的数值加起来

　　　　约分 ： 把不异的选择器约失

　　　　建议 ： 条理选择器最好不要赶过三层

三，CSS盒子模型 　　1，盒子 ：

　　　　　　      content < padding < border < margin

　　　　　　　　内容　　内填充　　边框　　外填充

　　　　padding ： 内填充（内边距）

　　　　　　写了一个值 ： 20px （上右下左）

　　　　　　写了两个值 ： 20px  30px （上下  摆布）

　　　　　　写了三个值 ： 20px 30px 20px（上  摆布  下）

　　　　　　写了四个值 ： 20px 20px 20px 20px(上  右  下  左)

　　　　margin ： 外填充 （外边距）

　　　　　　写了一个值 ： 20px （上右下左）

　　　　　　写了两个值 ： 20px  30px （上下  摆布）

　　　　　　写了三个值 ： 20px 30px 20px（上  摆布  下）

　　　　　　写了四个值 ： 20px 20px 20px 20px(上  右  下  左)

　　　　注 :1. 配景颜色会填充到margin以内的区域。

　　　　       配景图 ： 默认配景图会平铺border  padding  content区域。

　　　　　　只有一张配景图时，从padding区域开始添加（默认行为）

　　　　2，文字只会在content区域

　　　　3，，padding属性不成以呈现负值，margin属性可以呈现负值。

　　

　　2，box-sizing？

　　　　box-sizing属性

　　　　content-box（默认值）： 整个盒子的宽  =  content（width）+ padding + border

　　　　border-box ： 整个盒子的宽 = content（width-padding-border）+ padding +border

　　应用场景 ：

　　　　1，可以省略一些计算的环节。

　　　　2，可以针对100%的换算。 

　　3，盒子模型的问题

　　　　1，margin叠加的问题

　　　　　　只会呈此刻上下margin中，摆布是不存在margin叠加问题的。

　　　　　　特点 ： 会取叠加中较大的值。

　　　　　　解决要领：

　　　　　　　　1.BFC规范（以后介绍）

　　　　　　　　2.想步伐只给一个元素添加间距

　　　　2，margin通报的问题

　　　　　　margin通报的问题只会呈此刻嵌套的布局中，且只有margin-top会有通报的问题，其他三个标的目的是没有通报的问题的

　　　　　　特点 ： margin-top会导致父容器与子容器一起向下移动。

　　　　　　解决要领 ：

　　　　　　　　1.BFC规范（对照保举）

　　　　　　　　2.给父容器加边框（不太保举）

　　　　　　　　3.margin换成padding（将子容器的margin属性改为父容器的padding属性）

　　4，盒子的应用

　　　　1，margin ： 0  auto（实现容器的摆布居中，上下不行）

　　　　　　上下居中要领 ： 1.position  2.transition  3.flex（以后学习）

　　　　　　文字居中要领 ： 摆布居中（text-align ： center） 上下居中 （line-height ： height）

　　　　2，当一个盒子不写宽度的时候？

　　　　　　盒子的宽度默认与父容器的宽度不异，

　　　　　　并且当设置padding，border，margin的时候，盒子的content会重新计算。

三，PS的简单学习

　　1，对图像进行放大缩小 ： alt+鼠标滑轮

　　2，工具栏中的第二个 ：矩形选框工具（丈量尺寸巨细）

　　3，通过信息面板，可以检察到丈量的尺寸巨细（在窗口菜单可以找到，需要把单位改为像素）

四，overflow（溢出隐藏）

　　给盒子一个固定巨细后，当盒子里的内容对照多的情况下，就可能孕育产生溢出的现象。

　　溢出隐藏 ：

　　　　hidden ： 溢出部分隐藏

　　　　scroll ： 容器呈现下拉页面

　　　　auto ： 自动化（未超过时为hidden，超过后变为scroll）

　　overflow-x ：hidden；

　　overflow-y ： scroll；（可以对容器的x，y分袂设置溢出属性）

盒子嵌套实例