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“ Ctype=“image“ Dtype=“button“ （4）下面哪一个属性不是文本的标签属性？（ ）Anbsp; B align Ccolor Dface （5）下
2、面哪一项的电子邮件链接是正确的？（ ）A B Cxxxcom D （6）当链接指向下列哪一种文件时，不打开该文件，而是提供给浏览器下载。 （ ）AASP BHTML CZIP DCGI （7）下面说法错误的是( )A、CSS 样式表可以将格式和结构分离 B、CSS 样式表可以控制页面的布局C、CSS 样式表可以使许多网页同时更新 D、CSS 样式表不能制作体积更小下载更快的网页（8）CSS 样式表不可能实现( )功能。A、将格式和结构分离 B、一个 CSS 文件控制多个网页C、控制图片的精确位置 D、兼容所有的浏览器（9）若要在网页中插入样式表 main.css,以下用法中，正确的是（） 。A
3、、 B、 C、D、（10）若要在当前网页中定义一个独立类的样式 myText,使具有该类样式的正文字体为”Arial”,字体大小为 9pt,行间距为 13.5pt,以下定义方法中，正确的是（） 。A、.myTextFont-Familiy:Arial;Font-size:9pt;Line-Height:13.5ptB、.myTextFont-Familiy:Arial;Font-size:9pt;Line-Height:13.5ptC、.myTextFontName:Arial;FontSize:9pt;LineHeight:13.5ptD、. .myTextFontName:Arial;Fo
4、nt-ize:9pt;Line-eight:13.5pt（11）下列哪个标签是定义标题的（ ）A、h1 B、hr C、hw D、p（12）html 中的注释标签是（ ） A、 B、C、D、（13）标签的作用是（ ）A、斜体 B、下划线 C、上划线 D、加粗（14）网页中的空格在 html 代码里表示为（ ）A、 B、 C、 D、（15）下列哪种方式是用类选择器定义样式的（）A、pcolor:red;B、.onecolor:red;C、#twocolor:red;D、p,h1color:red;（16） 、下面哪一项是换行符标签？（ ）A B C D （17） 、下列哪一项是在新窗口中打开网页文
5、档。 （ ）A_self B _blank C_top D_parent（18） 、用 HTML 标记语言编写一个简单的网页，网页最基本的结构是（ ） 。A B C D （19）要使表格的边框不显示，应设置 border 的值是( )。A1 B0 C2 D3（20）在 HTML 中，标记 的作用是( )。A.标题标记 B预排版标记 C.转行标记 D文字效果标记（21）定义锚记主要用到标签中的（ ）属性。A、name B、target C、onclick D、onmouseover（22）下列哪个是正确的 css 集体声明方式（）A、p；h1color:red;B、.onecolor:red;C
6、、#twocolor:red;D、p,h1color:red;（23）下列样式定义字体为宋体、字体颜色为红色、斜体、大小 20px、粗细 800 号， 正确的定义是：（ ）A、p font-family：宋体；font-size：20px；font-weight：800；color:red;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
7、:red;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-align：top；text-align：left； B、 ptext-decoration：0.5em；letter-spacing：underline ；vertic
8、al-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：top ； （25）关于文本对齐，源代码设置不正确的一项是：（ ）A居中对齐： B居右对齐： C居左对齐： D两端对齐：（26）要在新窗口中打开所点击的链接，实现方法是将标签的 target 属性设为
9、（ ）A、_blank B、_self C、_parent D、_top（27）下列代表无序清单的标签是（ ）A、 B、C、D、（28）定义表单所用的标签是（ ）A、table B、form C、select D、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
10、2、填空题（1） 、可用 标签定义段落。（2） 、CSS 为超级链接文本建立了 4 个伪类选择器： a:link 为尚未链接的超级链接文本样式， a:visited 为已链接过的超级链接文本样式， a:hover 为鼠标移到超级链接文本上方的样式， a:active 为在超级链接文本上的选择鼠标的样式。（3）用来输入密码的表单域是 type=password 。（4）文件头标签包括关键字、描述、 编码、基础和链接等。（5）Area 的 shape 属性中，shape=rect 表示的形状为_矩形_；shape=circle 表示的形状为_圆形_；shape=poly 表示的形状为_多边形_。（
11、6） 、要生成水平线，可用 标签。（7） 、中的 src 属性是用于指定图片源文件地址的。（8） 、要定义表单元素中的文本框，input 标签中 type 属性应设为 text 。 （9） 、要定义表单元素中的密码框，input 标签中 type 属性应设为 password 。（10）表格的标签是 ，单元格的标签是 。（11）HTML 网页文件的标记是 _，网页文件的主体标记是_，标记页面标题的标记是_。（12）表格的宽度可以用百分比和 像素两种单位来设置。（13）HTML 文件的扩展名_ ，CSS 文件的扩展名_。（14）定义换行所用的标签是 br 。(16) 、合理的页面布局中常听过结构
12、与表现分离，那么结构是_.html _，表现是_.css （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 是块元素，span 是
13、行内或内联元素（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-repeat:no-repeat;background-attachment:fixed;background-color:#f00;backg
14、round-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;list-style-type:square;list-style-image:url(image.gif);（5） 、代码五：margin-left:20px;margin-rig
15、ht: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 完成：#a,#bposition:absolute;background-color:red;top:50%;left:50%;#amargin-left:-7
16、5px;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;height:
17、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; #cright:0;
18、top:0;#dleft:0;bottom:0;#eright:0;bottom:0;（2） 如何指定 div 元素中样式类为 c1,字体大小为 9pt 的 css 样式? 答案:div .c1font-size:9pt; （3） 用 html 实现如下表格(不如嵌套实用表格) 三行三列,其中第一行第一列和第二行第一列合并; 第二行第二列和第二行第三列合并(现场画表) 4.问答题（1） web 标准网站有那些优点 便于网站页面改版,换肤,搜索引擎搜索,客户端浏览,减少网络流量等等 （2）怎样使一个盒子垂直居中于浏览器中? 答案：这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度
19、高度除以二 (3) 说明在网页设计中层（盒子）的作用。 答案：层，也就是 DIV 标记，是一个区块级的 HTML 标记，在该标记之间可以添加段落、表格、图片等内容，使同一个 DIV 标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。 它的主要作用有以下两点：(1) 将一些标记元素组织起来，应用 DIV 的属性为这些标记元素定义统一的样式;(2) 利用其 z-index 属性，实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。（4）CSS 指的是什么?在网页制作中为什么要使用 CSS 技术? 答案：CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
