前端工程师面试题汇总-5

Posted 2020-12-17 beimo

 

22.

css 中可继承的属性有哪些

正确答案: B E 
A.height
B.font-size
C.border
D.width
E.color
解析 ：可以继承的属性很少，只有颜色，文字，字体间距行高对齐方式，和列表的样式可以继承

 

23.

下列说法正确的是（）
正确答案: A B 
A.display: none；不为被隐藏的对象保留其物理空间；
B.visibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明；
C.visibility:hidden;产生reflow和repaint(回流与重绘)；
D.visibility:hidden;与display: none;两者没有本质上的区别；

解析:

 

 

24.

以下可将一对象的背景色透明度改为80%的声明是（ ）
正确答案: D 
A. filter:alpha:(opacity=80);
B. filter:alpha: opacity=80;
C. filter:alpha:(opacity:80);
D. filter:alpha(opacity=80);

解析:

ie兼容性写法，filter:alpha(opacity:80);平时就用这一种，没接触过其他写法

由此可见IE就是花里胡哨，愿天下程序员早日摆脱IE这个魔鬼

 

 

25.

不换行必须设置哪些项？
正确答案: A C 
A. word-break
B. letter-spacing
C .white-space
D. word-spacing

解析：

 

 

26. 

属于元素事件属性的是( )
正确答案: A C 
A. onblur
B. required
C. onfocus
D. onsearch

解析：菜鸟-DOM事件对象 https://www.runoob.com/jsref/dom-obj-event.html

 

27

下面有关CSS中link和@import的区别，描述错误的是（ ）
正确答案: D 
A.link属于XHTML标签，而@import完全是CSS提供的一种方式
B.当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载
C.link在支持CSS的浏览器上都支持而@import只在5.0以上的版本有效
D.当使用javascript控制dom去改变样式的时候，只能使用@import方式

解析 ：

关于link与@import的区别:
区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
区别4：link支持使用Javascript控制DOM去改变样式；而@import不支持。

 

28.

属于HTML5标签语意化的元素有 ()
正确答案: A D 
A. article、footer
B. block
C. section、banner
D. header、nav

解析：

 

29

以下那几个标签默认有margin值（）
正确答案: A C D 
A. body
B. div
C. form
D. img