CSS优先级，权重值，定位属性，盒子模型

CSS优先级

    当CSS冲突的时时候，一般采用就近原则（谁离得比较近就用谁的样式）

    行内样式>内嵌样式>外部样式

    行内样式>id>class>标签

权重值

    当多个标签id，lass在一起作用同一个目标时，就要计算权重值。哪个高就用哪个样式

    标签：1

    class：10

    ID：100

    行样式：1000

    !important; 有这个代码则优先执行

    CSS继承的权重值为0，一般和文本的一般都会继承，边框，宽，高。margin，padding，背景都不会继承

CSS定位属性 position:static fixed relative absolutc

   用position的时候必配合着定位坐标（距上边top，距右边right，距下边bottom，距上边top）

    static，静态，不定位

    fixed，固定，脱离正常的文本流，比普通文本流高级。相当于浏览器文本进行定位，一直在视野范围内，不会随着滚动条滚动而移动

    relative，相对定位。相当于自己定位，自己原来的位置空着但是别的元素还是不能霸占的，定位后的位置下面还是可以放东西的。如：position:relative;top:10px;在原来位置的下方10像素

    absolute，绝对定位，相当于最近的具有定位属性（相对定位或者绝对定位都行）的元素进行定位，如果没有则相当于body定位，当多个绝对定位容器在一起，则z-index属性值大的在上面，如果没有这个属性时，默认后面的在前面的上面。

    外层元素一般设置相对定位，不用坐标

    内层元素一般设置绝对定位，配合着定位左边

盒子模型：边框线。内填充，外边距

    border，边框线

    padding，内填充

    margin，外边距

    一个盒子的宽度为，（外边距+内填充+边框线）*2

    如果两个盒子（div属性）竖着放一起则他们的margin（外边距）属性将会以大的为准

    如果两个盒子（div属性）水平放一起则他们的margin（外边距）属性将会相加