CSS复习题目

一、选择题1．CSS是（）的缩写。A．ColorfulStyleSheetsB．ComputerStyleSheetsC．CascadingStyleSheetsD．CreativeStyleSheets2．引用外部样式表的格式是（B）。A．stylesrc=mystyle.cssB．linkrel=stylesheettype=text/csshref=mystyle.cssC．stylesheetmystyle.css/stylesheet3．引用外部样式表的元素应该放在（）。A．HTML文档的开始的位置B．HTML文档的结束的位置C．在head元素中D．在body元素中4．内部样式表的元素是（）。A．styleB．cssC．script5．元素中定义样式表的属性名是（）。A．styleB．classC．stylesD．font6．下列（）是定义样式表的正确格式。A．{body:color=black(body}B．body:color=blackC．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．pstyle=text-size:boldD．pstyle=font-size:bold12．下列（）表示a元素中的内容没有下划线。A．a{text-decoration:nounderline}B．a{underline:none}C．a{text-decoration:none}D．a{decoration:nounderline}13．下列（A）表示上边框线宽10px，下边框线宽5px，左边框线宽20px，右边框线宽1px，。A．border-width:10px1px5px20pxB．border-width:10px5px20px1pxC．border-width:5px20px10px1pxD．border-width:10px20px5px1px14．下列（）表示左边距。A．margin-leftB．marginC．indentD．text-indent15．设置外边距（）是负数。A．可以B．不可以16．下列（A）表示列表项符号是小方块。A．list-style-type:squareB．type:squareC．list-type:squareD．type:217．“样式表定义中的display和visibility效果是一样的，都是用于网页指定对象的隐藏和显示”的说法是（B）。A．正确的B．不正确的18．如果要将网页中的两个div对象制作为重叠效果，（D）。A．是不可能的B．利用表格标记tableC．利用样式表定义中的绝对位置与相对位置属性D．利用样式表定义中的z-index属性19.CSS是利用什么HTML标记构建网页布局？（）A.dirB.divC.disD.dif20.在CSS语言中下列哪一项是左边框的语法？（C）A.border-left-width:值B.border-top-width:值C.border-left:值D.border-top-width:值21.在CSS语言中下列哪一项的适用对象是所有对象？（A）A.背景附件B.文本排列C.纵向排列D.文本缩进22.下列选项中不属于CSS文本属性的是（D）A．font-sizeB．text-transformC．text-alignD．line-height23.在CSS中不属于添加在当前页面的形式是（D）A．内联式样式表B．嵌入式样式表C．层叠式样式表D．链接式样式表24.在CSS语言中下列哪一项是列表样式图象的语法？（D）A.width:值B.height:值C.white-space:值D.list-style-image:值25.下列哪一项是css正确的语法构成？（C）A.body:color=blackB.{body;color:black}C.body{color:black;}D..{body:color=black(body}26.下面哪个CSS属性是用来更改背景颜色的？（A）A.background-color:B.bgcolor:C.color:D.text:27.怎样给所有的h1标签添加背景颜色?（B）A..h1{background-color:#FFFFFF}B.h1{background-color:#FFFFFF;}C.h1.all{background-color:#FFFFFF}D.#h1{background-color:#FFFFFF}28.下列哪个css属性可以更改样式表的字体颜色？（D）A.text-color=B.fgcolor:C.text-color:D.color:29.下列哪个css属性可以更改字体大小？（B）A.text-sizeB.font-sizeC.text-styleD.font-style30.下列哪段代码能够定义所有P标签内文字加粗？（D）A.pstyle=text-size:boldB.pstyle=font-size:boldC.p{text-size:bold}D.p{font-weight:bold}31.如何去掉文本超级链接的下划线？（D）A.a{text-decoration:nounderline}B.a{underline:none}C.a{decoration:nounderline}D.a{text-decoration:none}32.如何设置英文首字母大写？（B）A.text-transform:uppercaseB.text-transform:capitalizeC.样式表做不到D.text-decoration:none33.下列哪个css属性能够更改文本字体？（C）A.f:B.font=C.font-family:D.text-decoration:none34.下列哪个css属性能够设置文本加粗？（A）A.font-weight:boldB.style:boldC.font:bD.font=35.下列哪个css属性能够设置盒模型的内补丁为10.20.30.40（顺时针方向）？（A）A.padding:10px20px30px40pxB.padding:10px1pxC.padding:5px20px10pxD.padding:10px36下列哪个属性能够设置盒模型的左侧外补丁？（C）A.margin:B.indent:C.margin-left:D.text-indent:37.定义盒模型外补丁的时候是否可以使用负值?（A）A.是B.否38.如何能够定义列表的项目符号为实心矩形？（D）A.list-type:squareB.type:2C.type:squareD.list-style-type:square39.在CSS语言中下列哪些选项是背景图像的属性（ABCD）A背景重复B背景附件C纵向排列D背景位置40.CSS中的选择器包括（BCD）A．超文本标记选择器B．类选择器C．标签选择器D．ID选择器二、简答题1、什么是标记选择器并举例说明。CSS标记选择器就是声明哪些标记采用哪种CSS样式。例如：h1{color:red;font-size:25px;}2、什么是类别选择器并举例说明。类别选择器的名字可以由用户自定义，用做html页面某标签的class属性值。例如：.red{color:red;font-size:18px}3、什么是ID选择器并举例说明。ID选择器是针对html页面中某个具有此ID属性的标签设置的CSS样式。例如：#bold{font-weight:bold;}4、举例说明什么是行内式CSS样式。行内式是直接对html的标记使用style属性，然后将CSS代码直接写在其中。例如：pstyle=”color:#ff0000;font-size:20px正文内容/p5、举例说明什么是内嵌式CSS样式。内嵌样式表就是将CSS写在head与/head之间，并且用style和/style标记进行声明。例如：headstyletype=”text/css”p{color:#0000ff}/style/head6、举例说明什么是链接式CSS样式。链接式CSS样式表是通过使用html链接文件标签link将外部CSS应用到本页面的样式使用方法。例如：linkhref=”myCSS.css”type=”text/css”rel=”stylesheet”7、举例说明什么是导入式CSS样式。采用import方式导入的样式表，在html文件初始化时，会被导入到html文件内，作为文件的一部分，类似内嵌式的效果。例如：@importurl(sheet.css);8、什么是交集选择器，并举例说明。交集选择器是由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。其中第1个必须是标记选择器，第2个必须是类别选择器或者ID选择器。例如：p.special{color:red}9、什么是并集选择器，并举例说明。并集选择器或者称为“集体声明”，它的结果是同时选中各个基本选择器所选择的范围。例如：h1,h2,p{color:purple;font-size:15px}10、什么是后代选择器，并举例说明。后代选择器的写法就是把外层的选择器名字写在前面，内层的选择器名字写在后面，之间用空格分隔。例如：pspan{color:red}11、在CSS中一个独立的盒子模型有哪几部分组成？content（内容）、border（边框）、padding（内边距）和margin（外边距）12、举例说明什么是块级元素和行内元素？块级元素总是占据一个矩型区域，并且同级兄弟块依次竖直排列，左右撑满。例如：ul行内元素不占有独立的区域，并且同级元素之间横向排列，到最右端自动这行。例如：a13、解释一下div标签的作用div是一个区块容器标记，即div与/div之间相当于一个容器，可以容纳段落、标题、表格、图片等各种html元素。14、解释一下span标签的作用span标记和div一样，作为容器可以容纳各种html元素，但它是一个行内元素，在它的前后不会换行。15、解释盒子模型的float属性。float属性默认为none，也就是标准流通常的情况。如果将float属性的值设置为left或right，元素会向其父元素的左侧或右侧靠近，同时默认情况下，盒子的宽度不再伸展，而是收缩，根据盒子里面的内容的宽度来确定。16、解释盒子模型的display属性。display属性用于确定盒子的类型。display属性设为inline，即为“行内”；设为block，即为“块级”；设为none，即为“无”，也就是隐藏盒子。17、圆角框主要有哪几种制作方法？两背景图像法、四图像不固定宽度圆角框、五图像二维滑动门圆角框。18、