css学习的第三天

1，复习

复合属性如果只写了一种，但是其他全是默认值，浏览器也会读取一遍，读取时间冗长。一个属性应该对应相对的属性。

2.选择器的优先级（三大特性最复杂的：继承性，层叠性，优先级）

一个标签有多个选择器中的样式冲突时，优先级高的标签样式会覆盖优先级低的标签样式。

选择器覆盖越广，优先级越低（标签越能精确选择优先级越高）

优先级>层叠性>继承性

继承<通配符选择器<标签选择器<类选择器<id选择器<行内标签<！important（写在标签属性值后面使用，少用）
2.1优先级-叠加计算方式

在使用复合选择器就要使用叠加计算方式

（行内个数，id选择器个数，类选择器个数，标签选择器个数）

如果都是继承属性，就看谁最精确定义父级，谁的优先级就高

3，pxcook的使用

工作：psd文件使用开发模式

案例：png/jpg 设计模式

4，盒子模型的作用和组成。

组成：内容的宽高（content），内边距填充（padding），边框区域（border），外边距区域（margin）

作用：用来布局

4.1盒子模型的边框属性值（不分顺序）有三个：线宽 线的类型（实线saliod，虚线deshed）线的颜色；

4.2单独设置border的边框方向（border-方向）left right top buttom

4.3盒子尺寸=width/height+边框线*2

4.4padding内边距可以当作复合属性（最多四个值）来写入。内边距会被背景影响

padding:(上 右 下 左)

padding:(上 左右 下 )

padding:(上下 左右)

4.5盒子模型的尺寸计算式：

盒子宽度=设计宽度-左右padding-左右border

盒子高度=设计高度-上下padding-上下border

4.6 盒子模型的内减方法

4.7 margin和padding的设置方法一样

4.8清除默认样式

<style>
  * {
     margin:0;
     padding:0
}
</style>

4.9 版心居中

<style>
  * {
    margin：0 auto；
  }
</style>

5.案列

浏览器支持的最小字号为12px，写入小于12的属性都会显示12

6.拓展

ul标签去掉点用 list-style：none；