精选《CSS样式》习题Word文档格式.docx

1、BclassCstylesDfont6下列 （ ）是定义样式表的正确格式。Abody:color=black（bodyBbody:color=blackCbody color: blackDbody;color:black7下列 （ ）是定义样式表中的注释语句。A/* 注释语句 */B/ 注释语句 C/ 注释语句 /D 注释语句 8如果要在不同的网页中应用相同的样式表定义，应该（ ）。A直接在HTML的元素中定义样式表B在HTML的标记中定义样式表C通过一个外部样式表文件定义样式表D以上都可以9样式表定义 #title color:red 表示（ ）。A网页中的标题是红色的B网页中某一个id为

2、title的元素中的内容是红色的C网页中元素名为title的内容是红色的D以上任意一个都可以10样式表定义 .outer background-color:yellow 表示（ ）。A网页中某一个id为outer的元素的背景色是红色的B网页中含有class=”outer” 元素的背景色是红色的C网页中元素名为outer元素的背景色是红色的11下列（ ）表示p元素中的字体是粗体。Ap text-size:boldBp font-weight:p style=text-size:boldDfont-size:12下列（ ）表示a元素中的内容没有下划线。Aa text-decoration:no u

3、nderlineBa underline:noneCa text-decoration:Da decoration:13下列（ ）表示上边框线宽10px，下边框线宽5px，左边框线宽20px，右边框线宽1px，。Aborder-width:10px 1px 5px 20pxBborder-width:10px 5px 20px 1pxCborder-width:5px 20px 10px 1pxDborder-width:10px 20px 5px 1px14下列（ ）表示左边距。Amargin-leftBmarginCindentDtext-indent15设置外边距（ ）是负数。A可以B不

4、可以16下列（ ）表示列表项符号是小方块。Alist-style-type: squareBtype:Clist-type:Dtype: 217“样式表定义中的display和visibility效果是一样的，都是用于网页指定对象的隐藏和显示”的说法是（ ）。A正确的B不正确的18如果要将网页中的两个div对象制作为重叠效果，（ ）。A是不可能的B利用表格标记C利用样式表定义中的绝对位置与相对位置属性D利用样式表定义中的z-index属性19.CSS是利用什么XHTML标记构建网页布局？（ ）A. B. C. D. 20.在CSS语言中下列哪一项是左边框的语法？（ ）A. border-lef

5、t-width: B. border-top-width:C. border-left:D. border-top-width:21.在CSS语言中下列哪一项的适用对象是所有对象？（ ）A. 背景附件 B. 文本排列 C. 纵向排列D. 文本缩进22.下列选项中不属于CSS 文本属性的是（ ）Afont-size Btext-transformCtext-align Dline-height23.在CSS 中不属于添加在当前页面的形式是（ ）A内联式样式表 B嵌入式样式表C层叠式样式表 D链接式样式表24.在CSS语言中下列哪一项是列表样式图象（）A. width:B. height:C. w

6、hite-space:D. list-style-image:25.下列哪一项是css正确的语法构成？（ ） A. body:color=black B. body;black C. body color: black; D. .body:26.下面哪个CSS属性是用来更改背景颜色的？（ ）A. background-color:B. bgcolor:C. color:D. text:27.怎样给所有的标签添加背景颜色?A. .h1 background-color:#FFFFFF B. h1 background-color:#FFFFFF;C. h1.all background-colo

7、r:#FFFFFFD. #h1 background-color: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. B. C. p text-size:bold D. p font-weight:31.如何去掉文本超级链接的下划线？ （ ）A. a text-decoration:no unde

8、rline B. a underline:none C. a decoration:D. a text-decoration:32.如何设置英文首字母大写？A. text-transform:uppercase B. text-transform:capitalize C. 样式表做不到D. text-decoration:none33.下列哪个css属性能够更改文本字体？A. f:B. font= C. font-family:34.下列哪个css属性能够设置文本加粗？A. font-weight:bold B. style:C. font:b D. font= 35.下列哪个css属性能够

9、设置盒模型的内补丁为10.20.30.40（顺时针方向）？A. padding:10px 20px 30px 40px B. padding:10px 1pxC. 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:D. list-style-t

10、ype:39.在CSS语言中下列哪些选项是背景图像的属性（ ）A背景重复 B背景附件 C纵向排列 D背景位置 40.CSS 中的选择器包括（ ）A超文本标记选择器 B类选择器C标签选择器 DID 选择器41.CSS文本属性中，文本对齐属性的取值有（）AautoBjustify Ccenter DrightEleft42.CSS中BOX的padding属性包括的属性有（）A填充 B上填充 C底填充 D左填充 E右填充43.CSS中，盒模型的属性包括（ ） A. font B. margin C. padding D. visible E. border44.下面关于CSS的说法正确的有（ ）A.

11、 CSS可以控制网页背景图片B. margin属性的属性值可以是百分比C. 整个BODY可以作为一个BOXD. 对于中文可以使用word-spacing属性对字间距进行调整E. margin属性不能同时设置四个边的边距45.下面关于CSS的说法正确的有（ ）C. 字体大小的单位可以是emD.1em等于18像素46.边框的样式可以包含的值包括：A.粗细 B.颜色 C.样式 D.长短47.光标移动文本框上方时，文本框边框的颜色就改变，这是因为激发了下列的（ ）事件。A. onFocusB. onMouseUpC. onMousrOverD. onMousMOve48.下列属性哪一个能够实现层的隐藏

12、？A. display:falseB. display:hiddenC. display:D. display: 49.下列选项中，不属于文本属性的是（ ）。A. font-sizeB. font-styleC. text-alignD. font-color50.页面上有一个按钮btn，同时定义好了一个类样式（按钮图片样式表btnPic），那么使用（ ）就可以实现背景图片的改变。A. onMouseOver=className=btnPicB. onMouseOver=this.className=btnPicC. onMouseOver=this.style.className=btnPi

13、cD. this.btn.style.className=btnPic二、简答题1、什么是标记选择器并举例说明。2、什么是类别选择器并举例说明。3、什么是ID选择器并举例说明。4、举例说明什么是行内式CSS样式。5、举例说明什么是内嵌式CSS样式。6、举例说明什么是链接式CSS样式。7、举例说明什么是导入式CSS样式。8、什么是交集选择器，并举例说明。9、什么是并集选择器，并举例说明。10、什么是后代选择器，并举例说明。11、在CSS中一个独立的盒子模型有哪几部分组成？12、举例说明什么是块级元素和行内元素？13、解释一下div标签的作用14、解释一下span标签的作用15、解释盒子模型的float属性。16、解释盒子模型的display属性。17、圆角框主要有哪几种制作方法？18、使用CSS主要有哪几种布局方式？19、CSS布局方法与表格布局方法相比，有哪些优势？20、使用CSS布局的网页应实现哪些要求？三、案例分析题1、解释以下CSS样式的含义。2、解释以下CSS样式的含义。3、解释以下CSS样式的含义。4、解释以下CSS样式的含义。5、画出一个1-（1-2）+1）-1的布局结构示意图。7、解释以下CSS样式的含义。8、解释以下CSS样式的含义。9、写出下列要求的CSS样式表10、写出下列要求的CSS样式表