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