html+css网设计复习题

1、1、单选题（1）要使单选框或复选框默认为已选定，要在input 标签中加（ ）属性A、selected B 、 disabled C 、 type D、 checked（2）要使表单元素 （如文本框） 在预览时处于不可编辑状态， 显灰色， 要在 input 中加（ ） 属性A 、 selectedB、 disabled C 、 type D 、 checked3）下列哪一项表示的不是按钮。 （ ）A type=submitB type=resettype=imageD type=button4）下面哪一个属性不是文本的标签属性？（A nbsp;Balign5）下面哪一项的电子邮件链接是正确的？

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

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

4、ze:9pt;Line-eight:13.5pt 11 ）下列哪个标签是定义标题的（）A、h1 B 、hr C 、hw D 、 p12)html 中的注释标签是（-A、-B、13)14)15)C、D、- 标签的作用是（ A 、斜体 B 、下划线 C 、上划线 网页中的空格在 html 代码里表示为（A、 & B、   C、 " D 、 下列哪种方式是用类选择器定义样式的（） pcolor:red; .onecolor:red; #twocolor:red; p,h1color:red;A、B、C、D、-!D、）加粗）<16）、下面哪一项是换行符标签？（A B)

5、 C D （17）、下列哪一项是在新窗口中打开网页文档。A _selfC _topD （18 ）、用 HTML标记语言编写一个简单的网页，网页最基本的结构是（ A ) B _blank_parent）。19)20)21)B C D 要使表格的边框不显示，应设置 borderA 1B 0C 2在 HTML中，标记 的作用是A. 标题标记 定义锚记主要用到A、 name B（B预排版标记 标签中的（ 、 target C）。、 onclick22)列哪个是正确的p；h1color:red;.onecolor:red; #twocolor:red; p,h1color:red; 列样式定义字体为宋体

6、、字体颜色为红色、css 集体声明方式（）A、B、C、D、(23) 的定义是：( )A、p font-family italic ； B、p font-family italic ； C 、 p color:red;font-style的值是 （ ） 。D 3C. 转行标记）属性。D文字效果标记D 、 onmouseover斜体、大小20px、粗细 800 号， 正确：宋体；font-size ：20px；font-weight：20px ；font-size ：宋体；font-weight font-family ： 20px ； font-size： italic ； ：800；color

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

8、underline ； ptext-decoration text-align ： top： underline ； letter-spacing ：； vertical-align ：； letter-spacing： underline ； vertical-align：left ；letter-spacing：top： underline ； letter-spacing 25)26)： top： topvertical-align：；text-align：； vertical-align ： leftA居中对齐：B居右对齐：C居左对齐： D两端对齐：关于文本对齐，源代码设置不正确的一项

9、是：标签的 target 属性设为（ ） 、_top（ 27 ）下列代表无序清单的标签是（）A、 B、 C、 D、 （28）定义表单所用的标签是（）A、 tableB 、 form C 、select D 、 input（29）要实现表单元素中的复选框， input标签的 type 属性应设为A、 radioB、 checkbox C 、select D 、 text（30）CSS的缩写是 （）Style SheetsStyle SheetsStyle SheetsStyle Sheets2、填空题1）、可用 标签定义段落。要在新窗口中打开所点击的链接，实现方法是将、 _parent DA、

10、_blank B 、_self CCSS为超级链接文本建立了 4 个伪类选择器： a:link 为尚未链接的超级链接 a:visited 为已链接过的超级链接文本样式， a:hover 为鼠标移到 a:active（2）、 文本样式， 超级链接文本上方的样式， a:active 为在超级链接文本上的选择鼠标的样式。（ 3）用来输入密码的表单域是type=password 。（ 4）文件头标签包括关键字、描述、编码、基础和链接等。（ 5） Area 的 shape 属性中， shape=rect 表示的形状为 _矩形 _；shape=circle 表示 的形状为 _圆形 _； shape=pol

11、y 表示的形状为 _多边形 _。（ 6）、要生成水平线，可用 标签。（ 7）、中的 src 属性是用于指定图片源文件地址的。（ 8）、要定义表单元素中的文本框， input 标签中 type 属性应设为 text （ 9）、要定义表单元素中的密码框， input 标签中 type 属性应设为 password（ 10 ） 表 格 的 标 签 是 ， 单 元 格 的 标 签 是 。（ 11）HTML网页文件的标记是 ，网页文件的主体标记是 ，标记页面标题的标记是 。（ 12）表格的宽度可以用百分比和像素两种单位来设置。（13）HTML文件的扩展名 ，CSS文件的扩展名 。（ 14）定义换行所用的

12、标签是br 。（16） 、合理的页面布局中常听过结构与表现分离，那么结构是 _ ，表现是（ 17）、如下图为一个 border 为 1px 的 div 块，总宽度为 215px（包括 border ），阴影 区为 padding-left:25px; ，那么此 div 的 width 应设置为 _188_px 。18）、 CSS样式有内联式，内嵌式，链接式和导入式19）、 CSS中ID选择符在定义的前面要有指示符# 。20）、创建自定义 CSS样式时，样式名称的前面必须加一个圆点21）、 a:hover 表示超链接文字在鼠标放上去时的状态。22）、 div 与 span 的区别是 _div 是

13、块元素， span 是行内或内联元素23）、 改变元素的外边距用 margin ，改变元素的内填充用 padding24）、 Color:#666666; 可缩写为 color:#666 。3. 将以下 CSS代码进行缩写，注意要符合缩写的规范。 （ 1）、 代码一： border-width:1px;border-color:#000; border-style:solid;（ 2）、 代码二： background-position:0 0; background-repeat:no-repeat; background-attachment:fixed; background-color

14、:#f00; background-image:url;（ 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; list-style-type:square; list-style-image:url;（5）、代码五： margin-left:20px; margin-right:20px; ma

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

16、;margin-top:-25px;width:150px;height:50px; #bmargin-left:-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;heigh

17、t:150px; #cwidth:50px;height:50px;margin-top:-25px;margin-left:25px;3. 使用 5个 div 完成： #aposition:absolute;width:150px;height:150px;left:50%;top:50%; margin-left:-75px;margin-top:-75px;background-color:red; #b,#c,#d,#ebackground-color:white;width:50px;height:50px;position:absolute; #bleft:0;top:0; #cr

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