招聘笔试题

各大互联网公司前端面试题集锦

发布时间:2023-09-18 15:33:09

  1

  有哪项方式可以对一个DOM设置它的CSS样式?

  答案:外部样式表,引入一个外部css文件

  内部样式表,将css代码放在标签内部

  内联样式,将css样式直接定义在HTML元素内部

  2

  CSS都有哪些选择器?

  答案:

  派生选择器(用HTML标签申明)

  id选择器(用DOM的ID申明)

  类选择器(用一个样式类名申明)

  属性选择器(用DOM的属性申明,属于CSS2,IE6不支持,不常用,不知道就算了)

  除了前3种基本选择器,还有一些扩展选择器,包括

  后代选择器(利用空格间隔,比如span.a{})

  群组选择器(利用逗号间隔,比如p,span,#a{})

  那么问题来了,CSS选择器的优先级是怎么样定义的?

  基本原则:

  一般而言,选择器越特殊,它的优先级越高。也就是选择器指向的越准确,它的优先级就越高。

  复杂的计算方法:

  用1表示派生选择器的优先级

  用10表示类选择器的优先级

  用100标示ID选择器的优先级

  span.test1.spanvar优先级1+10+10+1

  span#xxx.songsli优先级1+100+10+1

  #xxxli优先级100+1

  那么问题来了,看下列代码,

  标签内的文字是什么颜色的?

  123

  答案:red。与样式定义在文件中的先后顺序有关,即是后面的覆盖前面的,与在

  中的先后关系无关。

  3

  CSS中可以通过哪些属性定义,使得一个DOM元素不显示在浏览器可视范围内?

  答案:

  最基本的:

  设置display属性为none,或者设置visibility属性为hidden

  技巧性:

  设置宽高为0,设置透明度为0,设置z-index位置在-1000

  4

  超链接访问过后hover样式就不出现的问题是什么?如何解决?

  答案:被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序:L-V-H-A(link,visited,hover,active)

  5

  什么是CssHack?ie6,7,8的hack分别是什么?

  答案:针对不同的浏览器写不同的CSScode的过程,就是CSShack。

  示例如下:

  #test{

  width:300px;

  height:300px;

  background-color:blue;/firefox/

  background-color:red\9;/allie/

  background-color:yellow\0;/ie8/


95%的人继续看了

其他人推荐看