《CSS样式》习题.docx
- 文档编号:13438631
- 上传时间:2023-06-14
- 格式:DOCX
- 页数:13
- 大小:18.91KB
《CSS样式》习题.docx
《《CSS样式》习题.docx》由会员分享,可在线阅读,更多相关《《CSS样式》习题.docx(13页珍藏版)》请在冰点文库上搜索。
《CSS样式》习题
一、选择题
1.CSS是()的缩写。
A.ColorfulStyleSheets
B.ComputerStyleSheets
C.CascadingStyleSheets
D.CreativeStyleSheets
2.引用外部样式表的格式是()。
A.
B.
C.
3.引用外部样式表的元素应该放在()。
A.HTML文档的开始的位置
B.HTML文档的结束的位置
C.在head元素中
D.在body元素中
4.内部样式表的元素是()。
A.
B.
C.
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的
标记中定义样式表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. bold"> D. bold"> 12.下列()表示a元素中的内容没有下划线。 A.a{text-decoration: nounderline} B.a{underline: none} C.a{text-decoration: none} D.a{decoration: nounderline} 13.下列()表示上边框线宽10px,下边框线宽5px,左边框线宽20px,右边框线宽1px,。 A.border-width: 10px1px5px20px B.border-width: 10px5px20px1px C.border-width: 5px20px10px1px D.border-width: 10px20px5px1px 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.利用表格标记 C.利用样式表定义中的绝对位置与相对位置属性 D.利用样式表定义中的z-index属性 19.CSS是利用什么XHTML标记构建网页布局? ( ) A. B. C. D. 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-sizeB.text-transform C.text-alignD.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.怎样给所有的 () 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. bold"> B. bold"> C.p{text-size: bold} D.p{font-weight: bold} 31.如何去掉文本超级链接的下划线? () A.a{text-decoration: nounderline} B.a{underline: none} C.a{decoration: nounderline} 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: 10px20px30px40px B.padding: 10px1px C.padding: 5px20px10px 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.justifyC.center D.right E.left 42.CSS中BOX的padding属性包括的属性有( ) A.填充B.上填充C.底填充D.左填充E.右填充 43.CSS中,盒模型的属性包括( ) A.fontB.marginC.paddingD.visibleE.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#333solid; font: 12pxarial; width: 500px } td,th{ padding: 5px; border: 1pxsolid#EEE; border-bottom-color: #666; border-right-color: #666; } 2、解释以下CSS样式的含义。 form{ border: 1pxdotted#AAAAAA; padding: 3px6px3px6px; margin: 0px; font: 14pxArial; } select{ width: 80px; background-color: #ADD8E6; } 3、解释以下CSS样式的含义。 input{ color: #00008B; } input.btn{ background-color: #ADD8E6; padding: 1px2px1px2px; } 4、解释以下CSS样式的含义。 .rounded{ background: url(images-notebook/left-top.gif)topleftno-repeat; } .roundedh2{ background: url(images-notebook/right-top.gif)toprightno-repeat; padding: 20px20px10px; margin: 0; } 9、写出下列要求的CSS样式表 (1)设置页面背景图像为login_back.gif,并且背景图像垂直平铺。 (2)使用类选择器,设置按钮的样式,按钮背景图像: login_submit.gif;字体颜色: #FFFFFFF;字体大小: 14px;字体粗细: bold;按钮的边界、边框和填充均为0px。 10、写出下列要求的CSS样式表 (1)使用 #2A1FFF;字体大小: 14px。 内容与边框之间的距离: 5px。 (2)使用超链接伪类: 不带下划线;颜色: #333333;鼠标悬停在超链接上方时,显示下划线;颜色: #FF5500。 如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。标签添加背景颜色?
标签样式,设置字体颜色: