《CSS样式》习题.doc_咨信网zixin.com.cn

资源描述

一、选择题 1． CSS是（）的缩写。 A． Colorful Style Sheets B． Computer Style Sheets C． Cascading Style Sheets D． Creative Style Sheets 2．引用外部样式表的格式是（）。 A． <style src="mystyle.css"> B． <link rel="stylesheet" type="text/css" href="mystyle.css"> C． <stylesheet>mystyle.css</stylesheet> 3．引用外部样式表的元素应该放在（）。 A． HTML文档的开始的位置 B． HTML文档的结束的位置 C．在head元素中 D．在body元素中 4．内部样式表的元素是（）。 A． <style> B． <css> C． <script> 5．元素中定义样式表的属性名是（）。 A． style B． class C． styles D． font 6．下列（）是定义样式表的正确格式。 A． {body:color=black(body} B． body:color=black C． body {color: black} D． {body;color:black} 7．下列（）是定义样式表中的注释语句。 A． /* 注释语句 */ B． // 注释语句 C． // 注释语句 // D． ‘ 注释语句 8．如果要在不同的网页中应用相同的样式表定义，应该（）。 A．直接在HTML的元素中定义样式表 B．在HTML的<head>标记中定义样式表 C．通过一个外部样式表文件定义样式表 D．以上都可以 9．样式表定义 #title {color:red} 表示（）。 A．网页中的标题是红色的 B．网页中某一个id为title的元素中的内容是红色的 C．网页中元素名为title的内容是红色的 D．以上任意一个都可以 10．样式表定义 .outer {background-color:yellow} 表示（）。 A．网页中某一个id为outer的元素的背景色是红色的 B．网页中含有class=”outer” 元素的背景色是红色的 C．网页中元素名为outer元素的背景色是红色的 D．以上任意一个都可以 11．下列（）表示p元素中的字体是粗体。 A． p {text-size:bold} B． p {font-weight:bold} C． <p style="text-size:bold"> D． <p style="font-size:bold"> 12．下列（）表示a元素中的内容没有下划线。 A． a {text-decoration:no underline} B． a {underline:none} C． a {text-decoration:none} D． a {decoration:no underline} 13．下列（）表示上边框线宽10px，下边框线宽5px，左边框线宽20px，右边框线宽1px，。 A． border-width:10px 1px 5px 20px B． border-width:10px 5px 20px 1px C． border-width:5px 20px 10px 1px D． border-width:10px 20px 5px 1px 14．下列（）表示左边距。 A． margin-left B． margin C． indent D． text-indent 15．设置外边距（）是负数。 A．可以 B．不可以 16．下列（）表示列表项符号是小方块。 A． list-style-type: square B． type: square C． list-type: square D． type: 2 17． “样式表定义中的display和visibility效果是一样的，都是用于网页指定对象的隐藏和显示”的说法是（）。 A．正确的 B．不正确的 18．如果要将网页中的两个div对象制作为重叠效果，（）。 A．是不可能的 B．利用表格标记<table> C．利用样式表定义中的绝对位置与相对位置属性 D．利用样式表定义中的z-index属性 19.CSS是利用什么XHTML标记构建网页布局？（　）　A. <dir> 　B. <div> 　C. <dis> 　D. <dif> 20.在CSS语言中下列哪一项是"左边框"的语法？（　　）　A. border-left-width: <值> 　B. border-top-width: <值> 　C. border-left: <值> 　D. border-top-width: <值> 21.在CSS语言中下列哪一项的适用对象是"所有对象"？（　　）　A. 背景附件　B. 文本排列　C. 纵向排列　D. 文本缩进 22.下列选项中不属于CSS 文本属性的是（） A．font-size B．text-transform C．text-align D．line-height 23.在CSS 中不属于添加在当前页面的形式是（） A．内联式样式表 B．嵌入式样式表 C．层叠式样式表 D．链接式样式表 24.在CSS语言中下列哪一项是"列表样式图象"的语法？（　）　A. width: <值> 　B. height: <值> 　C. white-space: <值> 　D. list-style-image: <值> 25.下列哪一项是css正确的语法构成？（） A. body:color=black B. {body;color:black} C. body {color: black;} D. .{body:color=black(body} 26.下面哪个CSS属性是用来更改背景颜色的？（） A. background-color: B. bgcolor: C. color: D. text: 27.怎样给所有的<h1>标签添加背景颜色?（） A. .h1 {background-color:#FFFFFF} B. h1 {background-color:#FFFFFF;} C. h1.all {background-color:#FFFFFF} D. #h1 {background-color:#FFFFFF} 28.下列哪个css属性可以更改样式表的字体颜色？（） A. text-color= B. fgcolor: C. text-color: D. color: 29.下列哪个css属性可以更改字体大小？（） A. text-size B. font-size C. text-style D. font-style 30.下列哪段代码能够定义所有P标签内文字加粗？（） A. <p style="text-size:bold"> B. <p style="font-size:bold"> C. p {text-size:bold} D. p {font-weight:bold} 31.如何去掉文本超级链接的下划线？（） A. a {text-decoration:no underline} B. a {underline:none} C. a {decoration:no underline} D. a {text-decoration:none} 32.如何设置英文首字母大写？（） A. text-transform:uppercase B. text-transform:capitalize C. 样式表做不到 D. text-decoration:none 33.下列哪个css属性能够更改文本字体？（） A. f: B. font= C. font-family: D. text-decoration:none 34.下列哪个css属性能够设置文本加粗？（） A. font-weight:bold B. style:bold C. font:b D. font= 35.下列哪个css属性能够设置盒模型的内补丁为10.20.30.40（顺时针方向）？（） A. padding:10px 20px 30px 40px B. padding:10px 1px C. padding:5px 20px 10px D. padding:10px 36下列哪个属性能够设置盒模型的左侧外补丁？（） A. margin: B. indent: C. margin-left: D. text-indent: 37.定义盒模型外补丁的时候是否可以使用负值? （） A. 是 B. 否 38.如何能够定义列表的项目符号为实心矩形？（） A. list-type: square B. type: 2 C. type: square D. list-style-type: square 39.在CSS语言中下列哪些选项是背景图像的属性（）　A背景重复 B背景附件 C纵向排列 D背景位置 40.CSS 中的选择器包括（） A．超文本标记选择器 B．类选择器 C．标签选择器 D．ID 选择器 41.CSS文本属性中，文本对齐属性的取值有（　　　） A．auto　　B．justify C．center 　　D．right　　E．left 42.CSS中BOX的padding属性包括的属性有（　　　　） A．填充 B．上填充 C．底填充 D．左填充 E．右填充 43.CSS中，盒模型的属性包括（　　　） A. font B. margin C. padding D. visible E. border 44.下面关于CSS的说法正确的有（） A. CSS可以控制网页背景图片 B. margin属性的属性值可以是百分比 C. 整个BODY可以作为一个BOX D. 对于中文可以使用word-spacing属性对字间距进行调整 E. margin属性不能同时设置四个边的边距 45.下面关于CSS的说法正确的有（） A. CSS可以控制网页背景图片 B. margin属性的属性值可以是百分比 C. 字体大小的单位可以是em D.1em等于18像素 46.边框的样式可以包含的值包括：（） A.粗细 B.颜色 C.样式 D.长短 47.光标移动文本框上方时，文本框边框的颜色就改变，这是因为激发了下列的（）事件。 A. onFocus B. onMouseUp C. onMousrOver D. onMousMOve 48.下列属性哪一个能够实现层的隐藏？（） A. display:false B. display:hidden C. display:none D. display:" " 49.下列选项中，不属于文本属性的是（）。 A. font-size B. font-style C. text-align D. font-color 50.页面上有一个按钮btn，同时定义好了一个类样式（按钮图片样式表btnPic），那么使用（）就可以实现背景图片的改变。 A. onMouseOver="className=btnPic" B. onMouseOver="this.className=btnPic" C. onMouseOver="this.style.className=btnPic" D. this.btn.style.className="btnPic" 二、简答题 1、什么是标记选择器并举例说明。 2、什么是类别选择器并举例说明。 3、什么是ID选择器并举例说明。 4、举例说明什么是行内式CSS样式。 5、举例说明什么是内嵌式CSS样式。 6、举例说明什么是链接式CSS样式。 7、举例说明什么是导入式CSS样式。 11、在CSS中一个独立的盒子模型有哪几部分组成？ 12、举例说明什么是块级元素和行内元素？ 13、解释一下div标签的作用 14、解释一下span标签的作用 15、解释盒子模型的float属性。 16、解释盒子模型的display属性。 17、圆角框主要有哪几种制作方法？ 18、使用CSS主要有哪几种布局方式？ 19、CSS布局方法与表格布局方法相比，有哪些优势？ 20、使用CSS布局的网页应实现哪些要求？ 1、解释以下CSS样式的含义。 table{ border: 1px #333 solid; font: 12px arial; width: 500px } td,th{ padding: 5px; border: 2px solid #EEE; border-bottom-color: #666; border-right-color: #666; } 2、解释以下CSS样式的含义。 form{ border:1px dotted #AAAAAA; padding:3px 6px 3px 6px; margin:0px; font:14px Arial; } select{ width:80px; background-color:#ADD8E6; } 3、解释以下CSS样式的含义。 input{ color:#00008B; } input.btn{ background-color:#ADD8E6; padding:1px 2px 1px 2px; } 4、解释以下CSS样式的含义。 .rounded { background: url(images-notebook/left-top.gif) top left no-repeat; } .rounded h2 { background: url(images-notebook/right-top.gif) top right no-repeat; padding:20px 20px 10px; margin:0; } 9、写出下列要求的CSS样式表（1）设置页面背景图像为login_back.gif，并且背景图像垂直平铺。（2）使用类选择器，设置按钮的样式，按钮背景图像：login_submit.gif；字体颜色：#FFFFFFF；字体大小：14px；字体粗细：bold；按钮的边界、边框和填充均为0px。 10、写出下列要求的CSS样式表（1）使用<td>标签样式，设置字体颜色：#2A1FFF；字体大小：14px。内容与边框之间的距离：5px。（2）使用超链接伪类：不带下划线；颜色：#333333；鼠标悬停在超链接上方时，显示下划线；颜色：#FF5500。

展开阅读全文