资源描述：
《前端开发CSS面试笔试常用知识点汇总》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、前端笔试面试中的常用知识点总结(CSS)前端开发 13小时前 62浏览·分享 ·
2、已赞
3、收藏1、CSS选择器的优先级!important >内联>id选择器>类选择器>标签选择器多个类选择器叠加（256）之后的优先级大于一个id选择器!important用于强调CSS属性具有最高的优先级。IE6不支持这种用法。CSS选择器的种类：1.id选择器(#myid)2.类选择器(.myclassname)3.标签选择器(div,h1,p)4.相邻选择器(h1+p)5.子选择器(ul>li)6.后代选择器(lia)7.通配符选择器(*)8.属
4、性选择器(a[rel="external"])9.伪类选择器(a:hover,li:nth-child)2、CSS优先级权重计算法CSS优先级的计算规则如下：元素标签中定义的样式（Style属性）,加1,0,0,0每个ID选择符(如#id),加0,1,0,0每个Class选择符、每个属性选择符、每个伪类（:hover）加0,0,1,0每个元素选择符（如p）或伪元素选择符(如:firstchild)等，加0,0,0,1然后，将这四个数字分别累加，就得到每个CSS定义的优先级的值然后从左到右逐位比较大小，数字大的CSS样式的优先级就高。3、
5、超链接访问过后hover样式就不出现的问题是什么？如何解决？被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A（link,visited,hover,active）4、什么是CssHack？ie6,7,8的hack分别是什么？针对不同的浏览器写不同的CSS code的过程，就是CSS hack。#test{width:300px;height:300px;background-color:blue;/*firefox*/background-color:red9;/*all
6、ie*/background-color:yellow ;/*ie8*/+background-color:pink;/*ie7*/_background-color:orange;/*ie6*/}:root#test{background-color:purple9;}/*ie9*/@mediaalland(min-width:0px){#test{background-color:black ;}}/*opera*/@mediascreenand(-webkit-min-device-pixel-ratio:0){#test{
7、background-color:gray;}}/*chromeandsafari*/5、描述一个"reset"的CSS文件并如何使用它。知道normalize.css吗？你了解他们的不同之处？不同的浏览器对一些元素有不同的默认样式，如果你不处理，在不同的浏览器下会存在必要的风险，或者更有戏剧性的性发生。 你可能会用Normalize来代替你的重置样式文件。它没有重置所有的样式风格，但仅提供了一套合理的默认样式值。既能让众多浏览器达到一致和合理，但又不扰乱其他的东西（如粗体的标题）。6、display:none与visibility:
8、hidden的区别是什么？display : 隐藏对应的元素但不挤占该元素原来的空间。visibility: 隐藏对应的元素并且挤占该元素原来的空间。 即是，使用CSSdisplay:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。7、CSS盒子模型BoxModel规定了元素框处理元素内容（elementcontent）、内边距（padding）、边框（border）和外边距（
9、margin）的方式。盒子模型有block,inline-block,inline,flex,table-cell等几种显示方式。如图所示，元素的高度和宽度指的是盒子模型的content区域的高度和宽度，不包括内边距以外的部分。(IE的content则是包含border、内边距和content)。盒子模型有两种，W3C标准盒子模型（content-box）以及IE盒子模型（border-box）。8、相对定位relative、浮动float以及绝对定位absolute的区别？1）相对定位是在常规流中的定位。一旦一个框按照常规流或者是浮动
10、得到定位，它还可以相对该位置而偏移，这就是相对定位。偏移后，在常规流中依然占据原有位置，偏移量并不会对后续的block产生挤占，后续的块就好像没有感知到偏移，依然按照常规流位置排位。2）绝对定位（Absol
