完整版htmlcss网页设计复习题

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

2、接指向下列哪一种文件时，不打开该文件，A ASPB HTML下面说法错误的是 （ ）A 、 CSS 样式表可以将格式和结构分离C、 CSS 样式表可以使许多网页同时更新更快的网页8） CSS 样式表不可能实现 （ ）功能。A 、将格式和结构分离B 、一个C、控制图片的精确位置D、兼容所有的浏览器9）若要在网页中插入样式表 main.css, 以下用法中，正确的是（） 。 Link Src=” main.css ”Link href= ” main.css ” Link href=” main.css ” type=text/css rel=stylesheet type=text/css ”

3、type=text/cslsesrehle=esty（ 10 ）若要在当前网页中定义一个独立类的样式myText, 使具有该类样式的正文字体A、B、C、D、为” 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

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

5、16 ）、下面哪一项是换行符标签？（AB17）、下列哪一项是在新窗口中打开网页文档。）C（A_selfB _blankC_topDD _parent18）、用 HTML 标记语言编写一个简单的网页，网页最基本的结构是（A - ）。19）20）B C D 要使表格的边框不显示，应设置 border 的值是 （ ）。A1B0C2D3在HTML中，标记 的作用是（）。A.标题标记B .预排版标记C.转行标记D .文字效果标记定义锚记主要用到A、 nameB .预排版标记 标签中的（B 、 target C、 onclick）属性。D 、 onmouseover22）下列哪个是正确的css集体声明方式

6、（）A 、 p； h1color:red;B、.onecolor:red;C、#twocolor:red;D、p,h1color:red;下列样式定义字体为宋体、字体颜色为红色、斜体、大小（ 23 ） 的定义是：（ ）A、 p font-family :宋体；font-size : 20px; font-weight : 800; color:red;font-styleB、 p font-family : 20px ； font-size :宋体；font-weight : 800 ； color:red;font-styleC、 p font-family : 20px； font-siz

7、e: 800； font-weight :宋体； color:red;font-styleD、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-align : top；left；B、ptext-decoration : 0.5em； letter-spacing: u

8、nderline； vertical-align : top；left；C、ptext-decoration :left；letter-spacing:top；vertical-align : 0.5em；text-align: underline； 20px、粗细800号，正确：italic ； ：italic ； ：italic ； ：宋体； 正确 text-align ：text-align ：(25)D、 ptext-decoration : underline ； letter-spacing: 0.5em； vertical-align : left ； text-align :

9、top;关于文本对齐，A .居中对齐：B. 居右对齐：C. 居左对齐：D .两端对齐：源代码设置不正确的一项是:(26)(27)(28)(29)要在新窗口中打开所点击的链接，A、_blankB、_self下列代表无序清单的标签是( - 实现方法是将标签的target属性设为()_parent D、_top)C、 定义表单所用的标签是(A、table B、form要实现表单元素中的复选框，)select D、inputinput标签的type属性应设为(A、radio B、 checkbox C、select D、textCSS的缩写是()A.Com pu ter Style SheetsC.C

10、reative Style Sheets2、填空题(1) 、可用 标签定义段落。(2) 、CSS为超级链接文本建立了 4个伪类选择器：a:link为尚未链接的超级链接文本样式， a:visited为已链接过的超级链接文本样式，a:hover 为鼠标移到超级链接文本上方的样式，a:active 为在超级链接文本上的选择鼠标的样式。(3)(4)(3) , 状为_(4) 、(5) 、(6) 、(7) 、(10)(11)(30)B.Cascadi ng Style SheetsD.Colorful Style Sheetstype=p assword。用来输入密码的表单域是文件头标签包括关键字、描述、

11、编码、基础和链接等。Area的shape属性中，shape=rect表示的形状为 _矩形; shape=circle表示的形圆形_; shape=poly表示的形状为多边形 _。要生成水平线，可用 标签。中的_52_属性是用于指定图片源文件地址的。要定义表单元素中的文本框，input标签中type属性应设为 text _。要定义表单元素中的密码框，input标签中type属性应设为 password 。I表格的标签是 ，单元格的标签是 _ HTML网页文件的标记是，网页文件的主体标记是 面标题的标记是。表格的宽度可以用百分比和像素两种单位来设置。HTML文件的扩展名, CSS文件的扩展名定义换

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

13、去时的状态。div 与 span 的区别是 _div 是块元素， span是行内或内联元素p adding改变元素的外边距用 margin，改变元素的内填充用Color:#666666;可缩写为 color:#6663.将以下CSS弋码进行缩写，注意要符合缩写的规范。(1 )、 代码一:border-width:1 px;border-color:#000;border-style:solid;(2)、 代码二:backgro und-po siti on:0 0;backgro un d-re peat: no-rep eat;backgro un d-attachme ntfixed;ba

14、ckgro un d-color:#f00;backgro un d-image:url(backgro un d.gif);代码三:fon t-style:italic;fon t-family:Lucida Gran de,sa ns-serif;fon t-size:1em;fon t-weight:bold;fon t-varia nt:small-ca ps;lin e-height:140%;(4 )、 代码四:list-style-po siti on:i nside;list-style-t yp e:square;Iist-style-image:url(image.gif)

15、;(5)、代码五:margin-left:2 Opx;margin-right:2 0p兀margi n-bottom:5 px;marg in-top:20p兀、代码六:color:#336699;color:#ffcc00;3、制作题(15分)(1)使用内联的 的红色十字架。要求：1) 使用2) 使用3) 使用CSS样式，重构一个如下图的水平、垂直都居中短边为divdivdiv完成完成完成请将代码写出。答案：1、使用2个div完成：#a,#bpo siti on:absolute; backgro un d-color:red;top: 50%;left:50%;50px,长边为 150p

16、xISOpx50px50px ISOpx#amarg in-left:-75 px;marg in-top :-25 px;width:15 0p x;height:5 0p x; #bmarg in-left:-25 px;marg in-top :-75 px;width:5 0p x;height:15 0p x; 2. 使用3个div完成：#a,#b,#c positi on: absolute;backgro un d-color:red;t op: 50%;left:50%; #awidth:5 0p x;height:5 0p x;marg in-top :-25 px;marg

17、 in-left:-75 px #bmarg in-left:-25 px;marg in-top :-75 px;width:5 0p x;height:15 0p x; #cwidth:5 0p x;height:5 0p x;marg in-top :-25 px;marg in-left:25 px; 3. 使用5个div完成：#a positio n: absolute;width:15 0p x;height:150 px;left:50%;t op :50%;margin-left:-75 px;marg in-top :-75 px;backgro un d-color:red

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