网页设计与开发第9章试卷答案.doc

网页设计与开发第9章试卷答案试题A（或B）参考答案及评分标准一、填空题（每小题1分 ，共 20 分） 1、B 2、D 3、A 4、C 5、D 6、D 7、C 8、A 9、C10、C11、B12、B13、C14、A15、D16、A17、B18、B19、D20、D二、选择题（每小题 2 分 ，共20分）1、href type2、color font-size3、id header4、选择符（selector）声明（declaration）5、6、逗号7、font-family8、斜体 font-style9、letter-spacing10、十六进制数RGB函数（整数）RGB函数（百分比）颜色名称三、简单题（每小题 6分 ，共 30分）1、 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。（重点：告诉浏览器按照何种规范解析页面）2、改版的时候更方便 只要改css文件。页面加载速度更快、结构化清晰、页面显示简洁。表现与结构相分离。易于优化（seo）搜索引擎更友好，排名更容易靠前。3、最基本的：设置display属性为none，或者设置visibility属性为hidden技巧性：设置宽高为0，设置透明度为0，设置z-index位置在-10004、块级元素(block)特性：总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示;宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;内联元素(inline)特性：和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变（也就是padding和margin的left和right是可以设置的），就是里面文字或图片的大小。5、CSS全称Cascading Style Sheets，即层叠样式表。它是W3C协会为弥补HTML在显示属性设定上的不足而制定的一套扩展样式标准。 它扩充了HTML标记的属性设定，称为CSS样式，通过脚本程序控制，可以使页面的表现方式更为灵活，更具动态特性。当将两个或更多的样式应用于同一文本时，这样样式可能发生冲突并产生意外的结果。浏览当将两个或更多的样式应用于同一文本时，这样样式可能发生冲突并产生意外的结果。样式表的作用优先顺序遵循以下4条原则：（1） 内联样式中所定义的样式优先级最高。（2） 其他样式表按其在HTML文件中出现或被引用的顺序，越在后出现，优先级 越高。（3） 选择符的作用顺序由高到低为：上下文选择符、类选择符、id选择符。（4） 未在任何文件中定义的样式，将遵循浏览器的默认样式。四、设计题（每小题 15分 ，共30分）1、带图标的登陆框body background:#fff;font-size:12px;#sidebar h3 font-size:12px;font-weight:normal;background:url(images/warning.gif) no-repeat left center;padding:0 0 0 20px;#sidebar form * display:block;margin:8px 0;#sidebar form label font-weight:bold;#sidebar form input.text width:160px;height:18px;border:1px solid #999;background:#fff;color:#999;#sidebar form input.username background:url(images/username.gif) no-repeat 2px center;padding:0 0 0 20px;#sidebar form input.password background:url(images/password.gif) no-repeat 2px center;padding:0 0 0 20px;#sidebar form a width:180px;color:#f60;#sidebar form input.submit width:70px;height:21px;background:url(./images/loginin.gif) no-repeat;border:none;cursor:pointer;margin:0 0 0 60px;请输入登录的用户名和密码UsernamePasswordGet your Password?2、CSS鼠标经过另类做法dl,dd margin:0;padding:0;dl width:300px;height:300px;background:url(images/menu_gray.jpg) no-repeat;dl dd width:100px;height:100px;float:left;dl dd a width:100px;height:100px;display:block;background:url(images/menu_color.jpg) no-repeat -9999px -9999px;dl dd a.item1:hover background-position:0 0;dl dd a.item2:hover background-position:-100px 0;dl dd a.item3:hover background-position:-200px 0;dl dd a.item4:hover background-position:0 -100px;dl dd a.item5:hover background-position:-100px -100px;dl dd a.item6:hover background-position:-200px -100px;dl dd a.item7:hover b