1.标准CSS盒模型IE盒模型与标准css盒模型的区别：contentwidth不包括padding和borderie盒模型：contentwidth包括padding和border2。box-sizing属性用于控制浏览器盒模型的解析方式，border-box表示使用ie的传统盒模型，即contentwidth包括contentpaddingbordercontent-box表示使用标准css盒模型，即内容宽度不包括padding和border3。css选择器有哪些属性可以继承id选择器类选择器标签选择器邻接选择器子选择器迭代选择器通配符选择器属性选择器伪类选择器font-sizefont-familycolor可以继承marginpaddingwidthheightborder不能继承4.如何继承计算css元素选择器1class选择器10id选择器100元素标签1000的优先级规则！important声明优先级最高的样式5.display的取值是多少？解释它们的功能nonehiddenelementinlineinlineelement(default)blockblock级元素tabletabledisplayinline-blockinlineblockelement6.positionstatic的值默认按照正常文档流显示fixed相对于可见窗口的固定定位positioningabsoluteabsolutePositionrelativetothenearestnon-staticparentelementPositionrelativetoitselfwithoutbreakingawayofthedocumentflow7.CSS3有哪些新特性？RGBA和透明度圆角边框图片框shadowbox-shadowmediaquery根据页面宽度提供两组css样式8.创建三角形的原理是什么将框的宽高设置为0；然后设置边框style.box{width:0px;高度：0px；背景：透明；左边框：40px实心透明；border-right:40pxsolidtransparent;汤姆：40px实心#ff0000；边界顶部：0；}9.常见兼容性问题（一）。不同浏览器默认的margin和padding是不同的（2）。默认情况下，Google会将12px字体以下的值更改为12px。(3)可以通过添加css-webkit-text-size-adjust:none来解决。IE6双面边距问题。当块标签浮动且有水平边距时，ie6显示的边距大于设置值。使用display:inline-block转换为内联元素（4）。在Firefox下，只能使用getAttribute()来获取设置的自定义属性。10、为什么要初始化CSS样式？因为浏览器兼容性问题，不同的浏览器对一些标签的默认值是不同的，如果css没有初始化，会有一些细微的差距11.display:none和visibility:hidden的区别display:none;隐藏元素不占页面位置visibility:hidden隐藏元素仍然占据页面相应空间12.为什么会出现浮动，什么时候需要清除？清除浮动方式(1)中浮动引起的问题。父元素高度不能拉伸，影响与父同级元素（2）。浮动元素的非浮动内联元素会在之后立即显示清除浮动的方式包括浮动父元素overflow:hidden在最后一个浮动元素后添加标签.clear{clear:both;}13.将元素设置为浮动后，元素block14的显示值是多少。如何让Chrome支持小于12pxfont-size:12px;-webkit-transform:scale(0.8)15.CSSSprites将一个页面涉及的所有图片都包含成一张大图，然后使用CSSbackground-image,background-repeat,background-position的组合进行背景定位使用CSSSprites可以很好的减少网页的http请求，从而大大提高页面的性能；CSSSprites可以减少图片的字节数。
