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



望能有所帮助。。。

 

原文地址:https://www.cnblogs.com/shihaiying/p/11968480.html

时间: 2024-10-10 01:30:22

CSS测试题Ⅱ的相关文章

css测试题

1.CSS 指的是? 您的回答:Computer Style Sheets 正确答案:Cascading Style Sheets 2.在以下的 HTML 中,哪个是正确引用外部样式表的方法? 您的回答:<link rel="stylesheet" type="text/css" href="mystyle.css"> 3.在 HTML 文档中,引用外部样式表的正确位置是? 您的回答:<head> 部分 4.哪个 HTML

CSS测试题Ⅰ

1.CSS 指的是? A.  Computer Style Sheets B. Cascading Style Sheets C.  Creative Style Sheets D.  Colorful Style Sheets 答案:C.  Creative Style Sheets 2.在以下的 HTML 中,哪个是正确引用外部样式表的方法? A.  <style src="mystyle.css"> B.  <link rel="stylesheet&

JQuery面试题答案

jQuery面试题答案 转自:http://blog.csdn.net/zhangpei_xf/article/details/8822021 一.Jquery测试题 下面哪种不是jquery的选择器?(单选)A.基本选择器 B.后代选择器 C.类选择器 D.进一步选择器考点:jquery的选择器 (C) 当DOM加载完成后要执行的函数,下面哪个是正确的?(单选)jQuery(expression, [context]) B.jQuery(html, [ownerDocument]) C.jQu

Jquery面试题整合

来自棱镜学院-在线IT教育     www.prismcollege.com 一.Jquery测试题 下面哪种不是jquery的选择器?(单选) A.基本选择器 B.后代选择器 C.类选择器 D.进一步选择器 考点:jquery的选择器 (C) 当DOM加载完成后要执行的函数,下面哪个是正确的?(单选) jQuery(expression, [context]) B.jQuery(html,[ownerDocument]) C.jQuery(callback) D.jQuery(elements

一篇面试的考题----jQuery

一.jQuery测试题 下面哪种不是jquery的选择器?(单选)A.基本选择器 B.后代选择器 C.类选择器 D.进一步选择器考点:jquery的选择器 (C) 当DOM加载完成后要执行的函数,下面哪个是正确的?(单选)jQuery(expression, [context]) B.jQuery(html, [ownerDocument]) C.jQuery(callback) D.jQuery(elements)考点:jquery的核心函数 (C) 下面哪一个是用来追加到指定元素的末尾的?(

CSS基础测试题

1.CSS 指的是? 正确答案:Cascading Style Sheets 2.在以下的 HTML 中,哪个是正确引用外部样式表的方法? 正确答案:<link rel="stylesheet" type="text/css" href="mystyle.css"> 3.在 HTML 文档中,引用外部样式表的正确位置是? 正确答案:<head> 部分 4.哪个 HTML 标签用于定义内部样式表? 正确答案:<styl

Web前端开发测试题阅读笔记

引自: http://www.w3cplus.com/css/front-end-web-development-quiz.html Q7:下面代码弹出值是什么? x = 1; function bar() { this.x = 2; return x; } var foo = new bar(); alert(foo.x); 答:2 这里主要问题是最外面x的定义,试试把x=1改成x={},结果会不同的.这是为什么呢?在把函数当作构造器使用的时候,如果手动返回了一个值,要看这个值是否简单类型,如

前端测试题,可以试一下

最近经历了一个小小的测试,不走心就直接被pass,可能也是自己水准差太多,测试题放出来可以试试. 一.用纯css实现两行两列,第二行中的两列高度自适应 二. 阐述实现浏览器跨域问题的几种方式 三. 用原生javascript(非jQuery)简单实现 $(".item").addClass("red"); 四. 使用Object. Defineproperty 实现简单的双向绑定 五. 从[01,02,03,04,05,06]数组中取五项进行从小到大排列,写出算法

CSS实现核辐射警告标志

今天做了下360的前端星计划测试题,碰到一个有趣的css题,实现如下图效果,记得上次也是在360面试的时候碰到一个有趣的css实现宝马logo,不得不说360的面试题还是很有创意的. 我一直努力想用一个div实现这个效果,但是想了很久,也没找到一个较好的解决方法,暂且先用笨办法实现了,主要运用了CSS的几个属性transform-origin/rotate/skewY,还不懂的赶快去看看哈. 三个div实现 <!DOCTYPE html><html lang="en"