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

---

望能有所帮助。。。