完整的试题答案

河南职业技术学院实训课程第二部分测试试卷专业WEB 前端班级姓名冯贝第1页 共8页、一、填空题（每空0.5 分，共 30 分）1. （内容） 、 （ 结构）和（表现 ）是一个网页必不可少的组成部分。其中，（内容）是页面传达信息的基础， （表现 ）使得内容的传达变得更加明晰和方便，而（结构 ）则是内容和表现之间的纽带。2. XHTML1.0提供了三种DTD 文档类型：包括（transitional ） 、 （ strict ） 、 （ frameset ） 。3.meta 是用来在HTML文档中模拟HTTP 协议的响应头报文。meta 的属性有两种： （name）和（http-equiv） 。4.每个 CSS 样式都必须由两部分组成,即（选择符） 、 （声明） 。5. 内联样式表是使用（style）属性直接定义在标记上的。6. 如果想改变某个元素的默认样式时，可以使用（类型选择符）选择符。7.CSS 中 如 将 文 字 大 小 设 置 为16px, 可 以 使 用 如 下 声 明 ：（ font-size:16px ; ） 、 （ font-size:1em; ）（font-size:medium; ） 。8. CSS 中如将文字取消加粗的声明为（font-weight:100500/normal; ） 。9. （!important ）所附加的声明又有最高优先级的意思。但由于IE6 及更低版本不能识别它，我们可以利用 IE 的这个 Bug 作为过滤器来兼容和火狐。10.（ absolute）声明表示绝对定位， （ relative）表示相对定位。11.能够解决Li 中图片间隙Bug 的 Hack 是（ display:block;） 。12.IE 浏览器中，如设这元素透明，需添加声明（filter:alpha(opacity= 透明数值 )） ，兼容 Mozilla Firefox的写法是（opacity：透明度；） 。13.能够将网页整体变为灰色的声明为（filter:gray; ） 。14.设置命名锚点名称应使用（）属性。15.为图片添加替换文本应使用（title）属性。16.CSS 中定位类型position: 包括（absolute） 、 （ relative） 、 （fixed） （static） 。17.能将元素对象隐藏的声明是（display:none;） 。18.XHTML中的空标记有（meta ） 、 （ img ） 、 （ link） 、 （ br ） 、 （param） （ hr） 。19.XHTML中的内联元素有 （a ） 、（ span ） 、（ em） 、（strong ） 、（ img ）（br ） 。20.XHTML 不是一种编程语言，而是一种（标记性）语言。21.CSS 是（cascading style sheets ）的缩写，中文译作（层叠样式表 ） ，是 W3C 组织制定的，用于控制网页样式的一种标记性语言。22.内部样式表必须定义在（ ）之间。河南职业技术学院实训课程第二部分测试试卷专业WEB 前端班级姓名冯贝第2页 共8页23.去掉文本下划线的声明为（text-decoration:none; ） 。24.margin:10px 20px 30px;的语义为（ 外边距上是 10px 下是 30px 左右 20px ） 。25.添加了 float 属性的元素默认转换为（块元素） 。26.表单元素中，下拉列表的标记为（ ） 。27.table 属性中，（ rowspan ）属性用来按行合并单元格，（colspan）属性按列合并单元格。28.如设置一元素背景图片右对齐，底对齐，应为该元素添加声明( background-position:right bottom; ). 29.如将 flash 背景设置为透明，需将embed 标记中的（ wmode）属性设置为（transparent） 。30.XHTML中 ， （marquee ） 标 记 用 来 设 置 滚 动 字 幕 ， （behavior ） 属 性 用 来 设 置 滚 动 方 式 ，（direction ）属性用来设置滚动方向。二、简答题（1-18 题每题 3 分， 19-20 题每题 8 分，共 70 分）1.简述为什么要建立WEB 标准，及WEB 标准的概念组成。1>因实现结构和表现相分离，确保了任何网站文档长期的有效性2>可以很容易的调用不同的css 样式，是网站跟容易使用。适合不同用户和网络设备。3>实现了向后兼容，当有浏览器更新或出现新的网络设备时，所有应用能继续正确执行。4>使用了统一的标准，使更多网站用户有了更多的利益5>简化了代码降低了成本WEB 标准网站制作的标准，它不是某一个标准，它是根据网站的主要组成分别制定的系列标准的集合三方面：结构化标准语言主要包括XHTML和 XML ，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM ） 、 ECMAScript 等2.什么是网站重构？把“未采用css，大量使用html 进行定位布局或已采用css，但为遵循html 结构化标准的站点” 变成 ”让标记回归标记的原本意义，通过在html 文档中使用结构化的标记以及用css控制页面表现，使页面的实际内容与他们呈现的格式相分离的站点的过程3.XHTML元素分为哪些类型，简述各类元素区别？Block 块状元素：块状元素的宽度为100%，而且后面隐藏附带有换行符，使块状元素始终占据一行Inline 内联元素 （行内元素） ：内联元素也呈矩形形状，它的高和宽由它的内容所确定，定义它的width和 height 属性无效。多个内联元素可以同一行显示。河南职业技术学院实训课程第二部分测试试卷专业WEB 前端班级姓名冯贝第3页 共8页4.简述 元素的作用？DOCTYPE 是 Document Type （文档类型）的简写，在页面中，用来指定页面所使用的XHTML （或者HTML ）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE 声明。只有确定了一个正确的DOCTYPE ，XHTML里的标识和CSS 才能正常生效。5.简述 头元素的作用？meta 是用来在HTML 文档中模拟HTTP 协议的响应头报文。6.简述将 CSS 运用到 XHTML中有几种方式，并写出语法格式？1）内部样式表：用 嵌入到 HTML文件头部说明：内部样式表必须定义在和之间；页面所有样式都可以写在和 之间。2）外部样式表（常用）前提需要创建一个CSS 文件链接方式：在HTML 文件头部利用说明：rel=“ stylesheet” 指这个 link 和其 href 之间的关联样式为样式表文件。type= “text/css“ 指文件类型是样式表文本。3）导入方式：在HTML 文件头部利用import url( 样式表路径及全称); 说明： import 的调用方法也可以写在CSS 文件中，用来调用其他的CSS。7.简述盒模型的概念及其组成？概念： CSS 定义所有的元素都可能拥有像盒子一样的外形和平面空间，即都包含边界、边框、补白、河南职业技术学院实训课程第二部分测试试卷专业WEB 前端班级姓名冯贝第4页 共8页内容区域、背景。网页中的大部分对象，实际呈现形式都是一个个盒子形状对象，页面都是由一个个盒子形状的区域拼合而成的。盒模型关系到网页设计中排版、布局、定位等操作，任何元素都必须遵循盒模型规则。组成： margin Border Padding content( 内容 ) background 8.什么是 CSSbug，Hack，及 Filter? Hack ：css中是一种兼容css 在不同浏览器中显示的方法。Filter ：过滤器。 它是一种对特定浏览器或浏览器组显示或隐藏规则或声明的方法，本质上 fiter 是一种用来过滤不同浏览器的hack 类型。9.列举 IE6 及其以下版本中的常见Bug？（ 6 项以上）1）设置高度低于12px 的 div 解决方法：1)给 div 添加声明： font-size:0; 2)给 div 添加声明： overflow:hidden; 2）图片间隙：在div 中添加图片会将吧div 撑开解决方法：1)把 与 放在一行 ; 2)把图片转化为块元素，display:block; 3）li 里图片间隙问题，解决方法：把图片转化为块元素，display:block; 4）dt 里图片间隙问题，解决方法：把图片转化为块元素，display:block; 5）双倍浮向解决方法：display:inline; 6）多余字符解决方法：把最近的注释给删除10. 简述 CSS 中有几种布局模型，并写出各种布局模型的特点及优、缺点以及关键属性？河南职业技术学院实训课程第二部分测试试卷专业WEB 前端班级姓名冯贝第5页 共8页Flow Model( 流动模型 )优点： 元素之间不会存在错位、覆盖等问题， 布局简单， 符合人的浏览习惯。缺点：制作都不能用单纯的布局模型设计出更艺术化的网页页面效果图。Layer Model （层模型）Float Model （浮动模型）浮动模型不会与流动模型发生冲突。当元素定义为浮动布局时，它在垂直方向上应该还处于文档流中，但是在水平方向上，它的浮向连会尽可能地靠近它的包含元素边框。11. 什么是 CSS 滑动门？使滑动门宽高自适应的原理是？什么是CSS Sprites， 使用 CSS Sprites 的优点是？是一个形象的称呼，它利用 CSS 背景图像可层叠性，并允许彼此之上进行滑动来创造一些特殊动态效果。将导航背景图片，图片按钮背景图片等有规则的合并成一张背景图,即将多张图片合为一张整图，然后用 background-position 来实现背景图片的定位的技术优势：通过整合图片，减少对服务器的请求数量，从而加快页面加载速度12、使用纯 CSS 法写出单个圆角。 （XHTML+CSS）？*margin:0;padding:0; bodyfont-size:12px; margin:100px 200px; #titwidth:500px;height:30px; .topwidth:500px;height:8px; overflow:hidden; .bottomwidth:500px;height:22px; background:#f00; .warpwidth:10px;height:8px;float:left;overflow:hidden; .rightwidth:490px;height:8px;background:#f00; float:left;overflow:hidden; .warp divheight:1px;background:#f00;float:right;clear:right;overflow:hidden; .warp .a1width:2px; .warp .a2width:4px; .warp .a3width:6px; .warp .a4width:7px; .warp .a5width:8px; .warp .a6width:8px; 河南职业技术学院实训课程第二部分测试试卷专业WEB 前端班级姓名冯贝第6页 共8页.warp .a7,.warp .a8width:10px; 13、简述包含块的概念及作用？包含块：是绝对定位的基础，包含块就是绝对定位元素提供的坐标偏移和显示范围的参照物，即确定绝对定位的偏移起点和百分比长度的参照。14、简述绝对定位与相对定位的用法？Position:relative/absolute. Relative: 参照物是本身Absolute: 参照物是包含块，可以脱离包含块，（在包含块中必须设置postion:absolute; 15、IE5.5 及其以下版本中如何让元素水平居中对齐？tex