一、 说一下盒子模型

一个盒子由4部分组成padding、margin、border、content。
在CSS中，盒子模型可以分为

1. W3C标准盒子模型

• 盒子总宽度 = width + padding + border + margin;
• 盒子总高度 = height + padding + border + margin

2. IE怪异盒子模型

• 盒子总宽度 = width + margin;
• 盒子总高度 = height + margin;

3. box-sizing

box-sizing: content-box|border-box|inherit:

• content-box: 默认值，元素的 width/height 不包含padding，border，与标准盒子模型表现一致
• border-box: 元素的 width/height 包含 padding，border，与怪异盒子模型表现一致
• inherit: 指定 box-sizing 属性的值，应该从父元素继承

二、 css选择器有哪些？优先级？

选择器：

• 标签选择器
• 类选择器
• id选择器
• 伪类选择器
• 组合选择器
• 属性选择器
• 全局选择器
• 继承选择器 优先级：

！important > style > id > class