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" type="text/css" href="mystyle.css">

C. <stylesheet>mystyle.css</stylesheet>

答案:B.  <link rel="stylesheet" type="text/css" href="mystyle.css">



3.在 HTML 文档中,引用外部样式表的正确位置是?

A. 文档的末尾

B. 文档的顶部

C. <body> 部分

D. <head> 部分

答案:D. <head> 部分



4.哪个 HTML 标签用于定义内部样式表?

A. <style>

B. <script>

C. <css>

答案:A.<style>



5.哪个 HTML 属性可用来定义内联样式?

A. font

B. class

C. styles

D. style

答案:D. style



6.下列哪个选项的 CSS 语法是正确的?

A. body:color=black

B. {body:color=black(body}

C. body {color: black}

D.{body;color:black}

答案:C. body {color: black}



7.如何在 CSS 文件中插入注释?

A. // 这是一个注释

B. // 这是一个注释 //

C. /* 这是一个注释 */

D.  ‘ 这是一个注释

答案:C. /* 这是一个注释 */



8.哪个属性可用于改变背景颜色?

A. bgcolor:

B. background-color:

C. color:

答案:B. background-color:



9.如何为所有的 <h1> 元素添加背景颜色?

A.  h1.all {background-color:#FFFFFF}

B.  h1 {background-color:#FFFFFF}

C. all.h1 {background-color:#FFFFFF}

答案:B.  h1 {background-color:#FFFFFF}



10.如何改变某个元素的文本颜色?

A. text-color:

B. fgcolor:

C. color:

D. text-color=

答案:C. color:



11.哪个 CSS 属性可控制文本的字体大小?

A. font-size

B. text-style

C. font-style

D. text-size

答案:A. font-size



12.在以下的 CSS 中,可使所有 <p> 元素变为粗体的正确语法是?

A.<p style="font-size:bold">

B. <p style="text-size:bold">

C. p {font-weight:bold}

D. p {text-size:bold}

答案:C. p {font-weight:bold}



13.如何显示没有下划线的超链接?

A. a {text-decoration:none}

B. a {text-decoration:no underline}

C. a {underline:none}

D. a {decoration:no underline}

答案:A. a {text-decoration:none}



14.如何使文本以大写字母开头?

A. text-transform:capitalize

B. text-transform:uppercase

C. 无法通过 CSS 来实现

答案:A. text-transform:capitalize



15.如何改变元素的字体?

A. font=

B. f:

C. font-family:

答案:C. font-family:



16.如何使文本变为粗体?

A. font:b

B. font-weight:bold

C. style:bold

答案:B. font-weight:bold



17.如何显示这样一个边框:上边框 10 像素、下边框 5 像素、左边框 20 像素、右边框 1 像素?

A. border-width:10px 5px 20px 1px

B. border-width:10px 20px 5px 1px

C. border-width:5px 20px 10px 1px

D. border-width:10px 1px 5px 20px

答案:D. border-width:10px 1px 5px 20px



18.如何改变元素的左边距?

A. text-indent:

B. indent:

C. margin:

D. margin-left:

答案:D. margin-left:



19.请判断以下说法是否正确:如需定义元素内容与边框间的空间,可使用 padding 属性,并可使用负值?

A. 错误

B. 正确

答案:A. 错误



20.如何产生带有正方形标记的项目列表?

A. list-type: square

B. type: 2

C. type: square

D. list-style-type: square

答案:D.list-style-type: square



21.如何使用 CSS3 创建圆角?

A. border[round]: 30px;

B. corner-effect: round;

C. border-radius: 30px;

D. alpha-effect: round-corner;

答案:C. border-radius: 30px;



22.如何给 CSS3 中的元素添加阴影?

A. box-shadow: 10px 10px 5px grey;

B. shadow-right: 10px shadow-bottom: 10px;

C. shadow-color: grey;

D. alpha-effect[shadow]: 10px 10px 5px grey;

答案:A. box-shadow: 10px 10px 5px grey;



23.如何使用 CSS3 修改边框图像?

A. border: url(image.png);

B. border-variable: image url(image.png);

C. border-image: url(border.png) 30 30 round;

D. 都不是

答案:C. border-image: url(border.png) 30 30 round;



24.如何使用 CSS3 调整背景图像的大小?

A. background-size: 80px 60px;

B. bg-dimensions: 80px 60px;

C. background-proportion: 80px 60px;

D. alpha-effect: bg-resize 80px 60px;

答案:A. background-size: 80px 60px;



25.如何使用 CSS3 添加文本阴影?

A. font: shadowed 5px 5px 5px grey;

B. font-shadow: 5px 5px 5px grey;

C. text-shadow: 5px 5px 5px grey;

D. shadow: text 5px 5px 5px grey;

答案:C. text-shadow: 5px 5px 5px grey;



未完待续。。。

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

时间: 2024-11-10 18:18:29

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.如何使用 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 转换方法

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"