1.CSS的三大特性

1.1层叠性

CSS3.0 - 图1

  • 样式冲突，遵循的是就近原则，哪个样式离结构近，就执行哪个样式
  • 样式不冲突，不重叠

CSS3.0 - 图2

CSS3.0 - 图3

1.2继承性

继承：

CSS3.0 - 图4

CSS3.0 - 图5

CSS3.0 - 图6

行高的继承

  1. <style>
  2.     <body> {
  3.         color:pink;
  4.         font12px/24px 'Microsoft YaHei';
  5.     }
  8.     </body>
  9. </style>

记得字号后面加字体类型可以用font 12px/24px 'microsoft YaHei';这种方式

这里font等于font-size简写的一种方式

特殊的写法
  1. body {
  2.     font:12px/1.5microsoft Yahtei;
  3. }

区别上面就是没有带单位

CSS3.0 - 图7

CSS3.0 - 图8

1.3优先级

CSS3.0 - 图9

CSS3.0 - 图10

CSS3.0 - 图11

CSS3.0 - 图12

CSS3.0 - 图13

CSS3.0 - 图14

==这里a在浏览器里面默认就有了样式

a{color: sblue;}所以继承过来的话权重很低为0.就只会显示自身的属性==

注意考虑继承权重

权重叠加

CSS3.0 - 图15

CSS3.0 - 图16

CSS3.0 - 图17