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


望能有所帮助。。。

 

posted @ 2019-12-02 00:10  石海莹  阅读(3626)  评论(0编辑  收藏  举报