CSS测试题Ⅱ
1.如何使用 CSS3 强制换行?
A. word-wrap: break-word;
B. text-wrap: break-word;
C. text-wrap: force;
D. text-width: set;
答案:A. word-wrap: break-word;
2.下面哪个是有效的 CSS3 转换语句?
A. matrix()
B. modify()
C. skip()
D. simulate()
答案:A. matrix()
注解:matrix() 方法把所有 2D 转换方法组合在一起 ,matrix() 方法需要六个参数,包含数学函数,允许您旋转、缩放、移动以及倾斜元素。
3.如何使用 CSS3 旋转对象?
A. object-rotation: 30deg;
B. transform: rotate(30deg);
C. rotate-object: 30deg;
D. transform: rotate-30deg-clockwise;
答案:B. transform: rotate(30deg);
注解:transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
4.box-shadow 是否支持所有浏览器?
A. 正确
B. 错误
答案:A. 正确
5.如果 border-radius 设置为 0 会发生什么?
A. 这个角将呈水平曲线
B. 这个角是正方形的
C. 这个角将垂直弯曲
D. 这个角将消失
答案:B. 这个角是正方形的
6.要使 CSS3属性在较老的 Mozilla Firefox 浏览器上工作,需要哪个前缀?
A. -webkit-
B. -moz-
C. -o-
D. -gecko-
答案:B. -moz-
注解:-moz 代表 firefox 浏览器私有属性,为了兼容老版本的写法
7.在RGBA 中 A 代表什么?
A. alpha
B. aqua
C. apple
D. about
答案:A. alpha
注解:A 表示 Alpha 透明度,取值 0~1 之间
8.按顺序排列,border-radius 的四个值是?
A. 上,下,左,右
B. 上,下,前,后
C. 左上,右上,右下,左下
D. 左下,右下,右上,左上
答案:C. 左上,右上,右下,左下
注解:border-radius 可以带四个参数,并且以顺时针的方向解析,左上,右上,右下,左下
9.关于css 浮动正确的是?
A. 允许其他元素包围一个元素
B. 元素可以推到左边或右边
C. 以上两个都对
D. 元素可以被推向任何方向
答案:C. 以上两个都对
10.font-size 值可以是绝对大小,也可以是相对大小?
A. 正确
B. 错误
答案:A. 正确
/* <absolute-size>,绝对大小值 */
font-size: xx-small;
font-size: x-small;
font-size: small;
font-size: medium;
font-size: large;
font-size: x-large;
font-size: xx-large;
/* <relative-size>,相对大小值 */
font-size: larger;
font-size: smaller;
/* <length>,长度值 */
font-size: 12px;
font-size: 0.8em;
/* <percentage>,百分比值 */
font-size: 80%;
font-size: inherit;
11.在 CSS 中,不可能为不同的边框指定不同的填充?
A. 正确
B. 错误
答案:B. 错误
12.哪个属性用于更改背景颜色?
A. " style="font-size: 16px;">
B. bg-color:
C. bground:
D. b-color:
答案:A. " style="font-size: 16px;">
13.下面哪个选项是设置字体大小的正确方法?
A. h2 {font-size:200%;}
B. h2 {font-size:200px;}
C. 以上两种方式都可以
D. h2 {font-size:200;}
答案:C. 以上两种方式都可以
14._____选择器用于为唯一的一个元素指定样式?
A. id
B. class
C. text
D. bit
答案:A. id
15.将元素加粗的正确 CSS 语法是什么?
A. span {text-size:bold}
B. span {font-weight:bold}
C. <span style="font-size:bold">
D. <span style="text-size:bold">
答案:B. span {font-weight:bold}
注解:font-weight 属性设置文本的粗细
16.在下面的代码段中,左边距的值是多少?
margin: 5px 10px 3px 8px;
A. 3px
B. 10px
C. 8px
D. 5px
答案:C. 8px
注解:顺序依次是上、右、下、左
17.如何在 CSS 文件中添加注释?
A. /* 注释内容 */
B. // 注释内容 //
C. // 注释内容
D. <! 注释内容>
答案:A. /* 注释内容 */
18.下面哪个选项将用于创建一个名为 header 的 ID,它的宽度为 750 像素,高度为 30 像素,文本的颜色为黑色?
A. #header { height: 30px; width: 750px; color: black; }
B. header { height: 30px; width: 750px; colour: black; }
C. #header { height: 30px; width: 750px; text: black; }
D. header { height: 30px; width: 750px; color: black; }
答案:A. #header { height: 30px; width: 750px; color: black; }
19.哪个 CSS 片段通常用于水平居中?
A. site-align: center;
B. site-align: center;
C. margin: auto 0;
D. margin: 0 auto;
答案:D. margin: 0 auto;
注解:margin:0 auto;可以使盒子居中,text-align:center;可以使此盒子内的内联元素居中
20.如何使 list 不显示项目符号?
A. list-style-type: no-bullet
B. list: none
C. bulletpoints: none;
D. list-style-type: none
答案:D. list-style-type: none
注解:list-style-type 属性设置列表项标记的类型
21.更改字体名称的正确 CSS 语法是什么?
A. font-name:
B. font:
C. font-family:
D. lfontname:
答案:C. font-family:
22.在 CSS 中导入样式表的正确语法是什么
A. @import url(css/example.css);
B. @import-stylesheet url(css/example.css);
C. import-css url(css/example.css);
D. @import-style url(css/example.css);
答案:A. @import url(css/example.css);
23.哪个 HTML 属性用于定义内联 CSS 样式?
A. css
B. style
C. type
D. id
答案:B. style
24.如何使文本中的每个单词都以大写字母开头?
A. text-transform:capitalize
B. text-transform:uppercase
C. text:capitalize
答案:A. text-transform:capitalize
注解:ext-transform 属性控制文本的大小写
25.下面哪个选择器选择 lang 属性包含单词 “fr” 的所有段落元素?
A. p[lang]
B. p[lang="fr"]
C. p[lang~="fr"]
D. p[lang|="fr"]
答案:C. p[lang~="fr"]
注解:p[lang~=”fr”] 选择 lang 属性中包含 “fr” 字样的所有段落元素
26.锚元素的下列哪个属性表示未访问的超链接?
A. :link
B. :visited
C. :hover
D. :active
答案:A. :link
望能有所帮助。。。