html+css网页设计复习题(可编辑修改word版)

1、1、单选题（1）要使单选框或复选框默认为已选定，要在input标签中加（）属性A selected B、disabled C type D、checked（2）要使表单元素（如文本框）在预览时处于不可编辑状态，显灰色，要在input中加 （）属性A selected B、disabled C. type D、checked（3）下列哪一项表示的不是按钮。（）A. type=HsubmitM B. type=Hresetv C. type=MimageH D. type=Hbutton,r（4）下而哪一个属性不是文本的标签属性？（）A. nbsp; B. align C. color D. fa

2、ce（5）下而哪一项的电子邮件链接是正确的？（）A. B. C. xxxcomD. xxx （6）当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。（）A. ASPB. HTML C. ZIPD. CGI（7）下面说法错误的是（）A、CSS样式表可以将格式和结构分离B、CSS样式表可以控制页面的布局C、CSS样式表可以使许多网页同时更新D、CSS样式表不能制作体枳更小下载 更快的网页（8） CSS样式表不可能实现（）功能。A、将格式和结构分离B、一个CSS文件控制多个网页C、控制图片的精确位置 D、兼容所有的浏览器（9）若要在网页中插入样式表main.css,以下

3、用法中，正确的是（）A、B、C、 type=text/cssD、（10）若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为字体大小为9pt,行间距为13.5pt,以下定义方法中，正确的是（）oA、.myText Font-Familiy:Arial;Font-size:9pt;Line-Height: 13.5pt）B x .myTextFont-Familiy:Arial;Font-size:9pt;Line-Hcight:13.5ptC、.myText FontName:Arial:FontSize:9pt;LineHeight: 13.5pt）D、.myText

4、FontName:Arial;Font-ize:9pt;Line-eight: 13.5pt）（11）下列哪个标签是定义标题的（）A、hl B、hr C hw D、p12） html中的注释标签是（）Ax B、c、D、（13） vstrong.v/strong标签的作用是（）A、斜体 B、下划线 C、上划线D、加粗（14）网页中的空格在html代码里表示为（）A、& B   C、" D、<（15）下列哪种方式是用类选择器定义样式的（）Ax pcoloured;8、 .onecoloured;C、#twocoloured;D、pJilcolor:red;（16）

5、、下而哪一项是换行符标签？（）A. B. C. D. （17）、下列哪一项是在新窗口中打开网页文档。（）A. _selfB. _blankC. JopD. .parent（18）、用HTML标记语言编写一个简单的网页，网页最基本的结构是（）oA . . . . B . . C . . D . .（19）要使表格的边框不显示，应设置border的值是（）。A. 1 B. 0 C. 2 D. 3（20）在HTML中，标记的作用是（）。A.标题标记B.预排版标记C.转行标记D.文字效果标记（21）定义锚记主要用到标签中的（）属性。Ax name B、target C、onclick D、onmous

6、eover（22）下列哪个是正确的CSS集体声明方式（）Ax p： hl coloured;8、 .onecoloured;Cx #twocoloured;D、p.hlcolor:red;（23）下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号，正 确的定义是：（）A、p font-family： 宋体：font-size： 20px； font-weight： 800； color:rcd;font-stylc： italic； ）B、p font-family： 20px： font-size：宋体：font-weight： 800： color:red:font-

7、style： italic： C p font-family： 20px： font-size： 800： font-weight：宋体；color:rcd:font-style： italic： D、pfont-family： 800； font-size： 20px： font-weight： red： color: italic;font-style：宋 体：（24）下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线，正确 的定义是：（）A、 ptext-decoration： underline： letter-spacing： 0.5em： vertical-al

8、ign： 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： letter-spacing： 0.5em： vertical-align： left： text-align：

9、 top： ）（25）关于文本对齐，源代码设置不正确的一项是：（）A,居中对齐：.B. 居右 对齐：.C. 居左 对齐：. D.两端对齐：.（26）要在新窗口中打开所点击的链接，实现方法是将标签的target属性设为（） Av _blank B、.self C、_parent D jop（27）下列代表无序清单的标签是（）A、.B、. . C、D、. . （28）定义表单所用的标签是（）Ax table B、form C、select D、input（29）要实现表单元素中的复选框，input标签的type属性应设为（）A、radio B、checkbox C、select D. text（3

10、0） CSS的缩写是（）A.Computer Style Sheets B.Cascading Style SheetsC.Creative Style Sheets D.Colorful Style Sheets 2、填空题1 、可用吐标签定义段落。D 、CSS为超级链接文本建立了 4个伪类选择器：a:link为尚未链接的超级链接 文本样式，a:visited为已链接过的超级链接文本样式,a: ho ver为鼠标移到超级链接文本上方的样式，aactive为在超级链接文本上的选择鼠标的样式。9 用来输入密码的表单域是type邛assword,4 文件头标签包括关铤字:、描述、编码、基础和链接等

11、。5 Area的shape属性中，shapc=rect表示的形状为 矩形 ：shape=circle表示的形状 为圆形：shape=poly表示的形状为多边修6 、要生成水平线，可用 标签。P 、中的_srg属性是用于指定图片源文件地址的。9 、要定义表单元素中的文本框，input标签中type属性应设为ext。10 、要定义表单元素中的密码框，input标签中type属性应设为password 00 表格的标签是 ，单元格的标签是。1 HTML网页文件的标记是,网页文件的主体标记是，标记页 而标题的标记是 0i 表格的宽度可以用百分比和两种单位来设置。力 HTML文件的扩展名, CSS文件的

12、扩展名 o4 定义换行所用的标签是. br 一(16)、合理的页面布局中常听过结构与表现分离，那么结构是心皿表现是_空I 、如下图为一个border为Ipx的div块，总宽度为215Px (包括border),阴影 区为padding-left:25pxs那么此div的width应设置为88px。215pxs 、CSS样式有内联式,内嵌式,链接式和导入式9、CSS中ID选择符在定义的前面要有指示符外0、创建自定义CSS样式时，样式名称的前面必须加一个圆点J 、a：hover表示超链接文字在鼠标放上去时的状态。2、div与span的区别是div是块元素，span是行内或内联元素9、改变元素的外边

13、距用margin ,改变元素的内填充用 padding9、Color:#666666;可缩写为 color:#666。3.将以下CSS代码进行缩写，注意要符合缩写的规范。 i 、代码一： border-width：Ipx;border-color:#000;border-style：solid;n 、代码二：background-position:0 0; background-repeat：no-repeat;background-attachment：fixed;background-color:#f00;background-image：ur1(background, gif);9、代码

14、三：font-style:italic;font-family： Lucida Grande”, sans-serif;font-size:lem;font-weight：bold;font-variant：smal1-caps;line-height:140%;0、代码四：list-style-position：inside;list-style-type：square;list-style-image：url(image, gif);5、代码五：margin-left：20px;margin-right：20px;margin-bottom：5px;margin-top:20px;(6)、

15、代码六：color:#336699;color:#ffcc00;3、制作题（15分）使用内联的CSS样式，重构一个如下图的水平、垂直都居中短边为5Opx,长边为150Px150px50Px的红色十字架要求：1）使用2个div完成2）使用3个div完成 3）帧5个div完成 请将代码写出。答案：1、使用2个div完成：#a.#b position:absol ute; background- color:red:top:50%;left:50%; #amargin-left:-75px;margin-top:-25px;width:150px;height:50px;#bmargin-left:

16、-25px:margin-top:-75px;width:50px;height:150px;2 .使用3个div完成：#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:niargin-left:

17、25px;3 .使用5个div完成：#aposition:absolute;width:150px:height:150px;left:50%;top:50%;margin-left:-75pxunargin-top:-75px;background-color: red:#b.#c.#d,#e background-color: white;width:50px;height:50px:position:absolute;#bleft:0;top:0;#cright:0:top:0;#dleft:0;bottom:0;#e right:0;bottom:0;）9 如何指定div元素中样式类为

18、cl,字体大小为9pt的css样式？ 答案：div .cl font-size:9pt;9 用html实现如下表格（不如嵌套实用表格） 三行三列,其中第一行第一列和第二行第一列合并； 第二行第二列和第二行第三列合并（现场画表） /tr4.问答题（1）web标准网站有那些优点便于网站页面改版，换肤，搜索引擎搜索，客户端浏览，减少网络流量等等（2）怎样使一个盒子垂直居中于浏览器中？答案：这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二(3)说明在网页设计中层(盒子)的作用。答案：层，也就是DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、 图片等内容，使同一个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、 移动以及隐藏。它的主要作用有以下两点：(1)