html+css网页设计复习题

精品文档 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 submit B type reset C type image D type button 4 下面哪一个属性不是文本的标签属性 A nbsp B align C color D face 5 下面哪一项的电子邮件链接是正确的 A B xxx net C xxx com D xxx 6 当链接指向下列哪一种文件时 不打开该文件 而是提供给浏览器 下载 A ASP B HTML C ZIP D CGI 7 下面说法错误的是 A CSS 样式表可以将格式和结构分离 B CSS 样式表可以控制页面的布局 C CSS 样式表可以使许多网页同时更新 D CSS 样式表不能制作体积更小下载更 快的网页 8 CSS 样式表不可能实现 功能 A 将格式和结构分离 B 一个 CSS 文件控制多个网页 C 控制图片的精确位置 D 兼容所有的浏览器 9 若要在网页中插入样式表 main css 以下用法中 正确的是 A B C D 10 若要在当前网页中定义一个独立类的样式 myText 使具有该类样式的正文字体为 Arial 字体大小为 9pt 行间距为 13 5pt 以下定义方法中 正确的是 A myText Font Familiy Arial Font size 9pt Line Height 13 5pt B myText Font Familiy Arial Font size 9pt Line Height 13 5pt C myText FontName Arial FontSize 9pt LineHeight 13 5pt D myText FontName Arial Font ize 9pt Line eight 13 5pt 11 下列哪个标签是定义标题的 A h1 B hr C hw D p 12 html 中的注释标签是 精品文档 2欢迎下载 A B C D 13 标签的作用是 A 斜体 B 下划线 C 上划线 D 加粗 14 网页中的空格在 html 代码里表示为 A B C D 15 下列哪种方式是用类选择器定义样式的 A p color red B one color red C two color red D p h1 color red 16 下面哪一项是换行符标签 A B C D 17 下列哪一项是在新窗口中打开网页文档 A self B blank C top D parent 18 用 HTML 标记语言编写一个简单的网页 网页最基本的结构是 A B C D 19 要使表格的边框不显示 应设置 border 的值是 A 1 B 0 C 2 D 3 20 在 HTML 中 标记的作用是 A 标题标记 B 预排版标记 C 转行标记 D 文字效果标记 21 定义锚记主要用到标签中的 属性 A name B target C onclick D onmouseover 22 下列哪个是正确的 css 集体声明方式 A p h1 color red B one color red C two color red D p h1 color 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 red font style italic D p font family 800 font size 20px font weight red color italic font style 宋体 精品文档 3欢迎下载 24 下列样式定义字体间距为 0 5 倍间距 水平左对齐 垂直顶端对齐 有下划线 正 确的定义是 A p text decoration underline letter spacing 0 5em vertical align top text align left B p text decoration 0 5em letter spacing underline vertical align top text align left C p text decoration left letter spacing top vertical align 0 5em text align underline D p text decoration underline letter spacing 0 5em vertical align left text align top 25 关于文本对齐 源代码设置不正确的一项是 A 居中对齐 B 居右对齐 C 居左对齐 D 两端对齐 26 要在新窗口中打开所点击的链接 实现方法是将标签的 target 属性设为 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 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 表示的形状为 多边形 6 要生成水平线 可用 标签 7 中的 src 属性是用于指定图片源文件地址的 8 要定义表单元素中的文本框 input 标签中 type 属性应设为 text 9 要定义表单元素中的密码框 input 标签中 type 属性应设为 password 10 表格的标签是 单元格的标签是 精品文档 4欢迎下载 11 HTML 网页文件的标记是 网页文件的主体标记是 标记页 面标题的标记是 12 表格的宽度可以用百分比和 像素两种单位来设置 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 样式时 样式名称的前面必须加一个圆点 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 repeat no repeat background attachment fixed background color f00 background image url background gif 3 代码三 font style italic font family Lucida Grande sans serif 精品文档 5欢迎下载 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 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 1 使用 使用 2 2 个个 divdiv 完成 完成 a b position absolute background color red top 50 left 50 a margin left 75px margin top 25px width 150px height 50px b margin left 25px margin top 75px width 50px height 150px 精品文档 6欢迎下载 2 2 使用使用 3 3 个个 divdiv 完成 完成 a b c position absolute background color red top 50 left 50 a width 50px height 50px margin top 25px margin left 75px b margin left 25px margin top 75px width 50px height 150px c width 50px height 50px margin top 25px margin left 25px 3 3 使用使用 5 5 个个 divdiv 完成 完成 a position absolute width 150px height 150px left 50 top 50 margin left 75px margin top 75px background color red b c d e background color white width 50px height 50px position absolute b left 0 top 0 c right 0 top 0 d left 0 bottom 0 e right 0 bottom 0 2 如何指定 div 元素中样式类为 c1 字体大小为 9pt 的 css 样式 答案 div c1 font size 9pt 3 用 html 实现如下表格 不如嵌套实用表格 三行三列 其中第一行第一列和第二行第一列合并 第二行第二列和第二行第三列合并 现场画表 tr 4 问答题 1 web 标准网站有那些优点 精品文档 7欢迎下载 便于网站页面改版 换肤 搜索引擎搜索 客户端浏览 减少网络流量等等 2 怎样使一个盒子垂直居中于浏览器中 答案 这里使用百分比绝对定位 与外补丁负值的方法 负值的大小为其自身宽度高度除以二 3 说明在网页设计中层 盒子 的作用 答案 层 也就是 DIV 标记 是一个区块级的 HTML 标记 在该标记之间可以添加段落 表格 图 片等内容 使同一个 DIV 标记中的元素具有相同的样式 并可在页面显示时同时出现 移 动以及隐藏 它的主要作用有以下两点 1 将一些标记元素组织起来 应用 DIV 的属性为这些标记元 素定义统一的样式 2 利用其 z index 属性 实现页面内各元素的重叠显示效果 3 使 页面上显示更多的特效功能 4