作业（1）

1.class和id的使用场景

类选择器，匹配class包含特定类的元素，文档中可以多个元素带有同一个类

id选择器，匹配特定的id元素，一个id文档中只能使用一次。可以根据id获得标签 document.getElementById();

2.css中常见的选择器有几种？

基础选择器，组合选择器，属性选择器，伪类选择器，伪元素选择器

3.选择器的优先级是怎样的？对于复杂场景如何计算优先级？

！important>内联式>id选择器>类选择器>伪类选择器>属性选择器>标签选择器

两个选择器同时选中了一个标签并且权重相同时，id选择器直接作用在选中标签的选择器权重更高。

如果两个选择器权重相同，则后面的选择器覆盖前面的选择器。

4.a:link,a:hover,a:active,a:visited的顺序是怎样的？为什么？

顺序是link visited hover active 

5.以下选择器分别是什么意思？

选择id为header的标签

选择包含header类的标签

父亲类名为header子元素类名为logo的标签

选择同时包含.header和.mobile类的标签

父元素为.header的后代元素为p和后代元素为h3的标签

选择id为header的后代类名为nav下的所有为li的子元素

id为header的标签后代a鼠标悬停时候的效果

匹配id为header后代元素类名为logo的同级元素p

匹配父元素id为header的 后代元素type值为value的input

6.介绍一下标准的css的盒子模型？与低版本IE的盒模型有什么不同？

标准的盒模型width和height不包含padding和border，IE盒模型的width包括content尺寸+padding+border