《html+css网页设计复习题.doc》由会员分享,可在线阅读,更多相关《html+css网页设计复习题.doc(7页珍藏版)》请在三一文库上搜索。
1、1、 单选题(1)要使单选框或复选框默认为已选定,要在input标签中加( )属性A、selected B、disabled C、type D、checked(2)要使表单元素(如文本框)在预览时处于不可编辑状态,显灰色,要在input中加( )属性 A、selected B、disabled C、type D、checked(3)下列哪一项表示的不是按钮。( )Atype="submit" Btype="reset"
2、60; Ctype="image" Dtype="button" (4)下面哪一个属性不是文本的标签属性?( )Anbsp; Balign Ccolor Dface (5)下面哪一
3、项的电子邮件链接是正确的?( )A B Cxxxcom Dxxx (6)当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( )AASP
4、60; BHTML CZIP
5、0; DCGI (7)下面说法错误的是( ) A、CSS样式表可以将格式和结构分离 B、CSS样式表可以控制页面的布局C、CSS样式表可以使许多网页同时更新 D、CSS样式表不能制作体积更小下载更快的网页(8)CSS样式表不可能实现( )功能。 A、将格式和结构分离
6、; B、一个CSS文件控制多个网页 C、控制图片的精确位置 D、兼容所有的浏览器(9)若要在网页中插入样式表main.css,以下用法中,正确的是()。A、 <Link Src=”main.css” type=text/css rel=stylesheet>B、 <Link href=”main.css” type=text/css rel=stylesheet>C、<Link href=”main.css” type=text/css>D
7、、<Include href=”main.css” type=text/css rel=stylesheet>(10)若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中,正确的是()。A、<Style> .myTextFont-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt </style>B、.myTextFont-Familiy:Arial;F
8、ont-size:9pt;Line-Height:13.5ptC、<Style> .myTextFontName:Arial;FontSize:9pt;LineHeight:13.5pt </style>D、<Style> . .myTextFontName:Arial;Font-ize:9pt;Line-eight:13.5pt </style>(11)下列哪个标签是定义标题的( )A、h1 B、hr
9、C、hw D、p(12)html中的注释标签是( ) A、<- ->B、<-! ->C、<!- ->D、<- -!>(13)<strong></strong>标签的作用是( ) A、斜体 B、下划线 C、上划线 D、加粗(14)网页中的空格在html代码里表示为( )A、& B、 C、" D、<(15)下列哪种方式是用类选择器定义样式的()A、pcolor:red;B、.onecolor:red;C、#twocolor:red;D、p,h1color:re
10、d;(16)、下面哪一项是换行符标签?( )A<body> B<font> C<br> D<p>
11、; (17)、下列哪一项是在新窗口中打开网页文档。( )A_self B_blank C_top
12、 D_parent(18)、用HTML标记语言编写一个简单的网页,网页最基本的结构是( )。A <html> <head></head> <frame></frame> </html>B <html> <title></title> <body></body> </html>C <html> <title></title> <frame></frame> &
13、lt;/html>D <html> <head></head> <body></body> </html>(19)要使表格的边框不显示,应设置border的值是( )。 A1 B0 C2 D3(20)在HTML中,标记<pre>的作用是( )。A.标题标记 B预排版标记
14、 C.转行标记 D文字效果标记(21)定义锚记主要用到<a>标签中的( )属性。A、name B、target C、onclick D、onmouseover(22)下列哪个是正确的css集体声明方式()A、p;h1color:red;B、.onecolor:red;C、#twocolor:red;D、p,h1color:red;(23)下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号, 正确的定义是:( )A、p font-family:宋体;font-size:20px;font-weight:800;color:re
15、d;font-style:italic; B、p font-family:20px;font-size:宋体;font-weight:800;color:red;font-style:italic; C、p font-family:20px;font-size:800;font-weight:宋体;color:red;font-style:italic; D、pfont-family:800;font-size:20px;font-weight:red;color: italic;font-style:宋体; (24)下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线,正确
16、的定义是:()A、 ptext-decoration:underline;letter-spacing:0.5em;vertical-align:top;text-align:left; B、 ptext-decoration:0.5em;letter-spacing:underline;vertical-align:top;text-align:left; C、 ptext-decoration:left;letter-spacing:top;vertical-align:0.5em;text-align:underline; D、 ptext-decoration:underline;le
17、tter-spacing:0.5em;vertical-align:left;text-align:top; (25)关于文本对齐,源代码设置不正确的一项是:( )A居中对齐:<div align="middle"></div> B居右对齐:<div align="right"></div> C居左对齐:<div align="left"></div> D两端对齐:<div align="justify"
18、;></div>(26)要在新窗口中打开所点击的链接,实现方法是将<a>标签的target属性设为( )A、_blank B、_self C、_parent D、_top(27)下列代表无序清单的标签是( )A、<ul><li></ul>B、<ol><li></ol>C、<hl><li></hl>D、< li >< ol ></ li >(28)定义表单所用的标签是( )A、table B、form C、select D、
19、input(29)要实现表单元素中的复选框,input标签的type属性应设为( )A、radio B、checkbox C、select D、text(30)CSS的缩写是 ( ) A.Computer Style Sheets B.Cascading Style Sheets C.Creative Style Sheets D.Colorful Style Sheets 2、填空题(1)、可用 <p> 标签定义段落。(2)、CSS为超级链接文本建立了4个伪类选择器: a:link 为尚未链接的超级链接文本样式, a:visited 为已链接过的超级链接文本样式, a:hover
20、 为鼠标移到超级链接文本上方的样式, a:active 为在超级链接文本上的选择鼠标的样式。(3)用来输入密码的表单域是 type=password 。(4)文件头标签包括关键字、描述、 编码、基础和链接等。(5)Area的shape属性中,shape=rect表示的形状为_矩形_;shape=circle表示的形状为_圆形_;shape=poly表示的形状为_多边形_。(6)、要生成水平线,可用 <hr> 标签。(7)、<img>中的 src 属性是用于指定图片源文件地址的。(8)、要定义表单元素中的文本框,input标签中t
21、ype属性应设为 text 。 (9)、要定义表单元素中的密码框,input标签中type属性应设为 password 。(10)表格的标签是 <table></table> ,单元格的标签是 <td></td> 。(11)HTML网页文件的标记是_,网页文件的主体标记是_,标记页面标题的标记是_。(12)表格的宽
22、度可以用百分比和 像素两种单位来设置。(13)HTML文件的扩展名_,CSS文件的扩展名_。(14)定义换行所用的标签是 br 。 (16) 、合理的页面布局中常听过结构与表现分离,那么结构是_.html _,表现是_.css (17)、如下图为一个border为1px 的div块,总宽度为215px(包括border),阴影区为padding-left:25px;,那么此div的width应设置为_188_px。(18)、CSS样式有内联式,内嵌式,链接式和导入式(19)、CSS中ID选择符在定义的前面要有指示符 #。(20)、创建自定义CSS样式时,样式名称的前面必须
23、加一个圆点 (21)、a:hover表示超链接文字在鼠标放上去 时的状态。 (22)、div与span的区别是_div是块元素,span是行内或内联元素(23)、 改变元素的外边距用_ margin _,改变元素的内填充用_ padding (24)、Color:#666666;可缩写为_color:#666_。3. 将以下CSS代码进行缩写,注意要符合缩写的规范。(1)、 代码一: border-width:1px; border-color:#000; border-style:solid; (2)、 代码二: background-position:0 0; background-rep
24、eat:no-repeat; background-attachment:fixed; background-color:#f00; background-image:url(background.gif); (3)、 代码三: font-style:italic; font-family:"Lucida Grande",sans-serif; font-size:1em; font-weight:bold; font-variant:small-caps; line-height:140%;(4)、 代码四: list-style-position:inside
25、; list-style-type:square; list-style-image:url(image.gif); (5)、代码五: margin-left:20px; margin-right:20px; margin-bottom:5px; margin-top:20px;(6)、代码六: color:#336699; color:#ffcc00;3、制作题(15分)(1)使用内联的CSS样式,重构一个如下图的水平、垂直都居中短边为50px,长边为150px的红色十字架。要求:1) 使用2个div完成2) 使用3个div完成3) 使用5个div完成请将代码写出。答案:1、使用2个div完
26、成:<style type="text/css">#a,#bposition:absolute;background-color:red;top:50%;left:50%;#amargin-left:-75px;margin-top:-25px;width:150px;height:50px;#bmargin-left:-25px;margin-top:-75px;width:50px;height:150px;</style><div id="a"></div><div id="b&quo
27、t;></div>2.使用3个div完成:<style type="text/css">#a,#b,#cposition:absolute;background-color:red;top:50%;left:50%;#awidth:50px;height:50px;margin-top:-25px;margin-left:-75px#bmargin-left:-25px;margin-top:-75px;width:50px;height:150px;#cwidth:50px;height:50px;margin-top:-25px;margi
28、n-left:25px;</style><div id="a"></div><div id="b"></div><div id="C"></div>3.使用5个div完成:<style type="text/css">#aposition:absolute;width:150px;height:150px;left:50%;top:50%;margin-left:-75px;margin-top:-75px;backgr
29、ound-color:red;#b,#c,#d,#ebackground-color:white;width:50px;height:50px;position:absolute;#bleft:0;top:0; #cright:0;top:0;#dleft:0;bottom:0;#eright:0;bottom:0;</style><div id="a"><div id="b"></div><div id="c"></div><div id="d&
30、quot;></div><div id="e"></div></div>(2) 如何指定div元素中样式类为c1,字体大小为9pt 的css样式? 答案:div .c1font-size:9pt; (3) 用html实现如下表格(不如嵌套实用表格) 三行三列,其中第一行第一列和第二行第一列合并; 第二行第二列和第二行第三列合并(现场画表) <table> <tr><td colspan=2></td><td><tr> <tr><td
31、 rowspan=2></td><td></td><td></td></tr> <tr><td></td><td></td></tr </table> 4.问答题(1) web标准网站有那些优点 便于网站页面改版,换肤,搜索引擎搜索,客户端浏览,减少网络流量等等 (2)怎样使一个盒子垂直居中于浏览器中? 答案:<style type="text/css"> <!- div position:absolu
32、te; top:50%; left:50%; margin:-100px 0 0 -100px; width:200px; height:200px; border:1px solid red; -> </style> 这里使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二 (3) 说明在网页设计中层(盒子)的作用。 答案:层,也就是DIV标记,是一个区块级的HTML标记,在该标记之间可以添加段落、表格、图片等内容,使同一个DIV标记中的元素具有相同的样式,并可在页面显示时同时出现、移动以及隐藏。 它的主要作用有以下两点:(1) 将一些标记元素组织起来,应用DIV的属性为这些标记元素定义统一的样式;(2) 利用其z-index属性,实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。(4)CSS指的是什么?在网页制作中为什么要使用CSS技术? 答案:CSS(Cascading Style Sheets)也叫层叠样式表,它是用来控制网页中一个或多个元素的外观。在网页制作中,使用样式表可以减少很多具有相同外观元素的重复设置工作,从而给网页的设计和维护带来了很大的方便;具体应用是:改变样式表中元素显示样式的定义,则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。