迹忆客
计算机编程题库
WEB前端
JavaScript
React
Vue
Angular
CSS
HTML
编程语言
Python
PHP
Java
Go
TypeScript
C++
C语言
Node.js
VBA
数据库
PostgreSQL
MySQL
Redis
MongoDB
网络
算法
操作系统
基础教程
Git
Matlab
Docker
正则表达式
Bootstrap
SQL
JQuery
Matplotlib
工具
题库
>
CSS
>
优秀的css面试选择题
优秀的css面试选择题
1.
(单选题)css 中 clear 的作用是什么?
★
★
★
A.
清除该元素所有样式
B.
清除该元素父元素的所有样式
C.
指明该元素周围不可出现浮动元素
D.
指明该元素的父元素周围不可出现浮动元素
您的答案是:
正确答案是:
C
查看详解
2.
(单选题)关于 position 定位,下列说法错误的是
★
★
★
A.
fixed 元素,可定位于相对于浏览器窗口的指定坐标,它始终是以 body 为依据
B.
relative 元素以它原来的位置为基准偏移,在其移动后,原来的位置不再占据空间
C.
absolute 的元素,如果它的 父容器设置了 position 属性,并且 position 的属性值为 absolute 或者 relative ,那么就会依据父容器进行偏移
D.
fixed 属性的元素在标准流中不占位置
您的答案是:
正确答案是:
B
查看详解
3.
(单选题)css 中哪些属性可以继承
★
★
★
A.
font-size
B.
color
C.
font-family
D.
border
您的答案是:
正确答案是:
A,B,C
查看详解
4.
(单选题)下列说法错误的是
★
★
★
A.
设置 display:none 后的元素只会导致浏览器的重排而不会重绘
B.
设置 visibility:hidde 后的元素只会导致浏览器重绘而不会重排
C.
设置元素 opacity:0 之后,也可以触发点击事件
D.
visibility:hidden 的元素无法触发其点击事件
您的答案是:
正确答案是:
A
查看详解
5.
(单选题)超链接访问过后 hover 样式就不出现了,被点击访问过的超链接样式不再具有 hover 和 active 了,解决方法是改变 CSS 属性的排列顺序?
★
★
★
A.
a:link {} a:visited {} a:hover {} a:active {}
B.
a:visited {} a:link {} a:hover {} a:active {}
C.
a:active {} a:link {} a:hover {} a:visited {}
D.
a:link {} a:active {} a:hover {} a:visited {}
您的答案是:
正确答案是:
A
查看详解
6.
(单选题)新窗口打开网页,用到以下哪个值
★
★
★
A.
_self
B.
_blank
C.
_top
D.
_parent
您的答案是:
正确答案是:
B
查看详解
7.
(单选题)放在 HTML 里的哪一部分 Javascript 会在页面加载的时候被执行?
★
★
★
A.
文件头部位置
B.
文件尾
C.
<head> 标签部分
D.
<body> 标签部分
您的答案是:
正确答案是:
D
查看详解
8.
(多选题)下列说法正确的有
★
★
★
A.
visibility:hidden ;所占据的空间位置仍然存在,仅为视觉上的完全透明
B.
display:none ;不为被隐藏的对象保留其物理空间
C.
visibility:hidden ;与 display:none ;两者没有本质上的区别
D.
visibility:hidden ;产生 reflow 和 repaint (回流与重绘)
您的答案是:
正确答案是:
A,B
查看详解
9.
(单选题)CSS 样式,下面哪一个元素能够达到最大宽度,且前后各有一个换行?
★
★
★
A.
Block Element
B.
Square Element
C.
Side Element
D.
Box Element
您的答案是:
正确答案是:
A
查看详解
10.
(单选题)下列定义的 css 中,哪个权重是最低的?
★
★
★
A.
#game .name
B.
#game .name span
C.
#game div
D.
#game div.name
您的答案是:
正确答案是:
C
查看详解
11.
(单选题)关于foat描述错误的是
★
★
★
A.
float: left
B.
float: center
C.
float: right
D.
float: none
您的答案是:
正确答案是:
B
查看详解
扫码一下
查看教程更方便