1、介绍一下标准的CSS的盒子模型？低版本IE的盒子母线有什么不同的？
(1)、有两种盒子模型：IE盒模型（border-box）、W3C标准盒模型(content-box)
(2)、盒模型：分为内容(content)、填充(padding)、边界(margin)、边框(border) 四个部分
IE盒模型和W3C标准盒模型的区别：
(1)、W3C 标准盒模型：属性width, height 只包含内容content, 不包含border 和padding
(2)、IE盒模型：属性width,height 包含content+padding+border。
在ie8+ 浏览器中使用那个盒模型可以有box-sizing(CSS新增的属性)控制， 默认值为content-box, 即标准盒模型；如果将box-sizing设为border-box 则用的是IE盒模型。如果ie6,7, 8 中DOCTYPE缺失会将盒子模型解释为IE盒模型。 若在页面中声明了DOCTYPE类型，所有浏览器都会把盒模型解释为W3C盒模型。
盒模型都是由四个部分组成的，分别是margin、border、padding和content。
标准盒模型和IE盒模型的区别在于设置width和height时，所对应的范围不同。标准盒模型的width和height属性的
范围只包含了content，而IE盒模型的width和height属性的范围包含了border、padding和content。
一般来说，我们可以通过修改元素的box-sizing属性来改变元素的盒模型。
2、CSS选择符有哪些？
(1)、id选择器（#myid）
(2)、类选择器（.myclassname）
(3)、标签选择器（div, h1, p）
(4)、后代选择器（h1 p）
(5)、相邻后代选择器（子）选择器（ul>li）
(6)、兄弟选择器（li~a）
(7)、相邻兄弟选择器（li+a）
(8)、属性选择器(a[rel="external"])
(9)、伪类选择器（a:hover,li:nth-child）
(11)、伪元素选择器（::before、::after）
(12)、通配符选择器（*）
3、 ::before 和 :after 中双冒号和单冒号有什么区别？解释一下这2个为伪元素的作用。
相关知识点：
单冒号（:）用于伪类， 双冒号（::） 用于CSS3伪元素。（伪元素由双冒号和伪元素名称组成）
双冒号实在当前规范中引入的，用于区分伪类和伪元素。不过浏览器需要同时支持旧的已经存在的伪元素写法，
比如：:first-line、:first-letter、:before、:after 等
而新的在CSS3 中引入的伪元素则不再允许在支持旧的单冒号的写法。
想让插入的内容出现在其他内容前，使用::before ,否则， 使用::after ;
在代码顺序上， :: after 生成的内容也比 ::before生成的内容靠后。
如果按堆栈视觉, :: after生成的内容会在::before生成的内容之上。
回答：
在css3中使用单冒号来表示伪类， 用双冒号来表示伪元素。 但是为了兼容已有的伪元素的写法, 在一些浏览器中也可以表示伪元素。
伪类一般匹配的是元素的一些特殊状态，如hover、link等， 而伪元素一般匹配的特殊的位置,比如after、before等
4、伪类与伪元素的区别
css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说，伪类和伪元素是用来修饰不在文档树中的部分，比如，一句
话中的第一个字母，或者是列表中的第一个元素。
伪类用于当已有的元素处于某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。比如说，当用户悬停在指定的
元素时，我们可以通过:hover来描述这个元素的状态。
伪元素用于创建一些不在文档树中的元素，并为其添加样式。它们允许我们为元素的某些部分设置样式。比如说，我们可以通过::be
fore来在一个元素前增加一些文本，并为这些文本添加样式。虽然用户可以看到这些文本，但是这些文本实际上不在文档树中。
有时你会发现伪元素使用了两个冒号（::）而不是一个冒号（:）。这是CSS3的一部分，并尝试区分伪类和伪元素。大多数浏览
器都支持这两个值。按照规则应该使用（::）而不是（:），从而区分伪类和伪元素。但是，由于在旧版本的W3C规范并未对此进行
特别区分，因此目前绝大多数的浏览器都支持使用这两种方式表示伪元素。
5、CSS中那些属性可以继承？
每个CSS属性定义的概述都指出了这个属性是默认继承的，还是默认不继承的。这决定了当你没有为元素的属性指定值时该如何计算
值。
当元素的一个继承属性没有指定值时，则取父元素的同属性的计算值。只有文档根元素取该属性的概述中给定的初始值（这里的意思应
该是在该属性本身的定义中的默认值）。
当元素的一个非继承属性（在Mozilla code里有时称之为reset property）没有指定值时，则取属性的初始值initial v
alue（该值在该属性的概述里被指定）。
有继承性的属性：
（1）字体系列属性
font、font-family、font-weight、font-size、font-style、font-variant、font-stretch、font-size-adjust
（2）文本系列属性
text-indent、text-align、text-shadow、line-height、word-spacing、letter-spacing、
text-transform、direction、color
（3）表格布局属性
caption-side border-collapse empty-cells
（4）列表属性
list-style-type、list-style-image、list-style-position、list-style
（5）光标属性
cursor
（6）元素可见性
visibility
（7）还有一些不常用的；speak，page，设置嵌套引用的引号类型quotes等属性
注意：当一个属性不是继承属性时，可以使用inherit关键字指定一个属性应从父元素继承它的值，inherit关键字用于显式地
指定继承性，可用于任何继承性/非继承性属性。
6、CSS优先级算法如何计算？
相关知识点：
CSS的优先级是根据样式声明的特殊性值来判断的。
选择器的特殊性值分为四个等级，如下：
（1）标签内选择符x,0,0,0
（2）ID选择符0,x,0,0
（3）class选择符/属性选择符/伪类选择符 0,0,x,0
（4）元素和伪元素选择符0,0,0,x
计算方法：
（1）每个等级的初始值为0
（2）每个等级的叠加为选择器出现的次数相加
（3）不可进位，比如0,99,99,99
（4）依次表示为：0,0,0,0
（5）每个等级计数之间没关联
（6）等级判断从左向右，如果某一位数值相同，则判断下一位数值
（7）如果两个优先级相同，则最后出现的优先级高，!important也适用
（8）通配符选择器的特殊性值为：0,0,0,0
（9）继承样式优先级最低，通配符样式优先级高于继承样式
（10）!important（权重），它没有特殊性值，但它的优先级是最高的，为了方便记忆，可以认为它的特殊性值为1,0,0,0,0。
计算实例：
（1）#demo a{color: orange;}/*特殊性值：0,1,0,1*/
（2）div#demo a{color: red;}/*特殊性值：0,1,0,2*/
注意：
（1）样式应用时，css会先查看规则的权重（!important），加了权重的优先级最高，当权重相同的时候，会比较规则的特殊性。
（2）特殊性值越大的声明优先级越高。
（3）相同特殊性值的声明，根据样式引入的顺序，后声明的规则优先级高（距离元素出现最近的）
(4) 部分浏览器由于字节溢出问题出现的进位表现不做考虑
7、 CSS3 新增伪类有那些？
(1)、elem: nth-child(n) 选中父元素下的第na个子元素, 并且这个子元素的标签名为elem, n可以接受具体的数值，也可以接受函数。
(2)、elem: nth-last-child(n) 作用同上，不过是从后开始查找。
（3）elem:last-child选中最后一个子元素。
（4）elem:only-child如果elem是父元素下唯一的子元素，则选中之。
（5）elem:nth-of-type(n)选中父元素下第n个elem类型元素，n可以接受具体的数值，也可以接受函数。
（6）elem:first-of-type选中父元素下第一个elem类型元素。
（7）elem:last-of-type选中父元素下最后一个elem类型元素。
（8）elem:only-of-type如果父元素下的子元素只有一个elem类型元素，则选中该元素。
（9）elem:empty选中不包含子元素和内容的elem类型元素。
（10）elem:target选择当前活动的elem元素。
（11）:not(elem)选择非elem元素的每个元素。
（12）:enabled 控制表单控件的禁用状态。
（13）:disabled 控制表单控件的禁用状态。
(14):checked单选框或复选框被选中。
