常用css选择器有3种：标签选择器，类选择器，和id选择器
第1部分 html,body,h1.....这些属于标签选择器，就是所有提到的标签都遵从该选择器定义的样式，这行主要是做css reset,清除各标签的默认样式，防止浏览器默认值不同导致兼容性问题。
第2部分是css3新特性@keyframes,用于创建动画的
第3部分以下是类选择器，就是针对 class="类名"定义的样式，类选择器写法： .类名
写子元素的css 时嵌套父层的class在能限制样式的作用范围。
<div class="a"><div class="b">文字</div></div><div class="b">文字</div>
比如上面的代码，如果css写成：.b { color:red} 那么，两行代码中的文字都会变成红色。
第一行class=b元素是有父元素的。如果css代码写成：.a .b { color:red} 第一行代码中的文字会变成红色，第二行中的却不会变色。
