Web前端开发试卷及答案
本试卷涵盖了Web前端开发的基础知识,包括HTML、CSS、XHTML等方面。下面是对试卷中各题的解释和知识点总结:
填空题
1. 目前常用的WEB标准静态页面语言是HTML。
知识点:HTML是目前最常用的Web标准静态页面语言,是构建Web页面的基础语言。
2. 改变元素的外边距用margin,改变元素的内填充用padding。
知识点:margin是CSS中用于设置元素外边距的属性,而padding是用于设置元素内填充的属性。
3. 在Table中,TR是行,TD是列。
知识点:在HTML的Table结构中,TR表示行,而TD表示列。
4. 如果给一行两列的表格(table)定义高度样式,在css样式中定义最合理,最能减少代码的臃肿。
知识点:在CSS中,可以使用css样式来定义表格的高度,减少代码的臃肿。
5. 对ul li的样式设成无,应该是用什么属性list-style-type:none。
知识点:在CSS中,list-style-type属性用于设置列表样式,可以将其设置为none以隐藏列表样式。
6. 在新窗口打开链接的方法是target=_blank。
知识点:在HTML中,target属性用于指定链接的打开方式,_blank表示在新窗口中打开链接。
7. 合理的页面布局中常听过结构与表现分离,那么结构是div,表现是css。
知识点:在Web前端开发中,结构(结构)和表现(样式)是两个独立的概念,结构指的是HTML中的div标签,而表现指的是CSS中的样式定义。
选择题
1. 在下面的XHTML中,哪个可以正确地标记折行?A:<br />是正确的。
知识点:在XHTML中,<br />是正确的折行标记。
2. 下列哪些是格式良好的XHTML?B:<p>A <b><i>short</i></b> paragraph是正确的。
知识点:在XHTML中,需要遵守严格的格式要求,包括正确的标签嵌套和关闭。
3. 在以下的HTML中,哪个是正确引用外部样式表的方法?B:<link rel="stylesheet" type="text/css" href="mystyle.css">是正确的。
知识点:在HTML中,可以使用link标签来引用外部样式表。
4. 在HTML文档中,引用外部样式表的正确位置是?D:<head>部分是正确的。
知识点:在HTML文档中,外部样式表的引用位置应该在<head>部分。
简答题
1. 请写出超链接的顺序或者你在初始样式中的链接方法。
知识点:超链接的顺序是LVHA(link, visited, hover, active),初始样式中的链接方法可以使用a标签的伪类选择器。
2. 当float和margin同时使用时,IE6的双倍边距BUG如何解决?
知识点:IE6的双倍边距BUG可以通过display:inline或margin-right:-3px来解决。
3. 为什么无法定义1px左右高度的容器?
知识点: IE6有默认行高的bug,无法定义1px左右高度的容器。
4. Firefox中标签的居中问题的解决方法?
知识点:Firefox中标签的居中问题可以通过*{margin:0px auto;}来解决。
5. 请写出XHTML和CSS如何注释。
知识点:在XHTML中,可以使用<!-- 注释内容 -->来注释,而在CSS中,可以使用/* 注释内容 */来注释。
6. 请以缩写方法写出1px直线(实线)灰色(任意灰色代码值),上面无边框的矩形边框样式。
知识点:可以使用border:1px solid #000; border-top:0px;来定义1px直线的矩形边框样式。