介绍一下CSS的盒子模型
(1)有两种， IE 盒子模型、标准 W3C 盒子模型；IE的content部分包含了 border 和 pading；
(2)盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border)。
CSS选择符有哪些？哪些属性可以继承？
(1)id选择器（#classId）
(2)类选择器（.className）
(3)标签选择器（div，h1，p，span，table）
(4)相邻选择器（h1 + p）
(5)子选择器（ul > li）
(6)后代选择器（li a）
(7)通配符选择器（*）
(8)属性选择器（a[rel = "external"]）
(9)伪类选择器（a:hover，li:nth-child）
//
可继承的样式：font-size，font-family，color，UL，LI，DL，DD，DT
//
不可继承的样式：border，padding，margin，width，height
CSS 如何计算优先级？
就近原则，同权重情况下以样式定义最近者为准；
载入样式以最后载入的定位为准；
优先级：
!important > id > class > tag
important 比 内联优先级高
CSS3 新增的伪类有哪些？
CSS3新增伪类举例：
p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。
p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。
p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。
:enabled :disabled 控制表单控件的禁用状态。
:checked 单选框或复选框被选中。
如何居中div？如何居中一个浮动元素？如何让绝对定位的div居中？
给 div 设置一个宽度，然后添加 margin: 0 auto 属性
div{
width: 200px;
margin: 0 auto;
}
``
`居中一个浮动元素
确定容器的宽高（500*300）
设置层的外边距
element{
width: 500px;
height: 300px; //高度可以不设
margin: -150px 0 0 -250px;
position: relative; //相对定位
background-color: red; //显示效果
left: 50%;
top: 50%;
}
让绝对定位的 div 居中
.element{
position: absolute;
width: 1200px;
background: none;
margin: 0 auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
display 有哪些值？各有何作用？
block 象块类型元素一样显示。
none 缺省值。象行内元素类型一样显示。
inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。
list-item 象块类型元素一样显示，并添加样式列表标记。
position 中的 relative 和 absolute 的定位原点是什么？
absolute
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
//
fixed （老IE不支持）
生成绝对定位的元素，相对于浏览器窗口进行定位。
//
relative
生成相对定位的元素，相对于其正常位置进行定位。
//
static
默认值。没有定位，元素出现在正常的流中
（忽略 top, bottom, left, right z-index 声明）。
//
inherit
规定从父元素继承 position 属性的值。
CSS3 有哪些新特性？
圆角-半径（border-radius:8px），
阴影（box-shadow:10px），
文字特效（text-shadow、），
线性渐变（gradient），
旋转（transform）
transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//旋转,缩放,定位,倾斜
增加了更多的CSS选择器
多背景 rgba
解释一下 CSS3 的 Flexbox （弹性盒布局模型），以及适用场景？
用纯 CSS 创建一个三角形的原理是什么？
把上、左、右三条边隐藏掉（颜色设为 transparent）
#demo {
width:0;
height: 0;
border-width: 20px;
border-style: solid;
border-color: transparent transparent red transparent;
}
为什么要初始化CSS样式？
因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。
什么是 Cookie 隔离？（或者说：请求资源的时候不要让它带cookie怎么做）
Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，语法跟css一样(但多了些功能)，比css好写，而且更容易阅读。Sass语法类似与Haml，属于缩排语法（makeup），用意就是为了快速写Html和Css。
Less一种动态样式语言. 将CSS赋予了动态语言的特性，如变量，继承，运算， 函数. LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可一在服务端运行 (借助 Node.js)。
区别：
(1))Sass是基于Ruby的，是在服务端处理的，而Less是需要引入less.js来处理Less代码输出Css到浏览器，也可以在开发环节使用Less，然后编译成Css文件，直接放到项目中，也有Less.app、SimpleLess、CodeKit.app这样的工具，也有在线编译地址。
(2)变量符不一样，less是@，而Scss是$，而且变量的作用域也不一样，后面会讲到。
(3)输出设置，Less没有输出设置，Sass提供4中输出选项：nested, compact, compressed 和 expanded。
(4)Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持。