优先级,权重计算,边框-第八天

优先级

• 继承(永远都是0 )＜通配符选择器＜标签选择器＜id选择器＜行内样式＜!important

权重叠加计算

第一级	第二级	第三级	第四级
行内样式个数	id选择器的个数	类选择器个数	标签选择器个数

• 先比较第一级数字,如果比较出来了,之后统统不看
• 如果第一级数字相同,此时再去比较第二级数字,如果比较出来了,之后的统统不看以此类推
• 如果最终所有数字相同,表示优先级相同,则比较层叠性(谁在下面,谁说了算)

盒子模型

• 盒子组成部分
  • 内容:设置盒子内容区域宽高
  • 内边距:控制内容与边框之间的距离
  • 边框:给盒子设置一个封闭的边界
  • 外边距:控制盒子与盒子之间的距离

边框

• 单个属性

作用	属性名	属性值
边框粗细	border-width	数字+px
边框样式	border-style	实现solid,虚线dashed,电线dotted
边框颜色	border-color	颜色取值

• 单方向
  • top,bottom,left,right

盒子真实宽度

• width+border+padding

盒子真实高度

• height+border+padding