网页设计与制作（div+css）测试题
姓名： 分数：
说明：本次网页设计与制作考试共分为四种题型，一是判断题，二是选择题（单选），三是填空题，四是问答题。
一、判断题（共5小题）
（对 ）1、不只表格可以用来对页面进行布局，层也同样可以
（对 ）2、如果浏览者没有安装网页上所设置的文字，则会以默认的字体取代原来的
（错 ）3、超链接只能在不同的网页之间进行跳转
（错 ）4、一个大div块里包含一个小的div，设置小的div与大div的左边距5px样式的标准写法是margin-left:5px;
（错 ）5、IE6下，制作一个大小为10*10px的div，样式是width:10px;height:10px;
二、选择题（共14小题）
1、下列属于静态网页的是（A ）
A.index.htm B.index.jsp C.index.asp D.index.php
2、在 HTML 文档中，引用外部样式表的正确位置是？（ D）
A：文档的末尾 B：文档的顶部 C：<body> 部分 D：<head> 部分
3、表示放在每个定义术语词之前的XHTML代码是( A )
A. <dl></dl> B. <dt></dt> C. <dd></dd> D. <ol></ol>
4、如何在新窗口中打开链接？( D )
A. <a href=”#” new> B. <a href=”#” target=”_blank”>
C. <a href=”#” target=”_self”></a>
D. <a href=”#” target=”_blank”></a>
5、选出你认为最合理的定义标题的方法( C )
A.<span class="heading">文章标题</span> B.<p><b>文章标题</b></p>
C.<h1>文章标题</h1> D.<strong>文章标题</strong>
6、下面哪一项不是段落的对齐方式？（ A ）
A、上下对齐 B、居中对齐 C、靠左对齐 D、两边对齐
7、CSS样式有哪几种，请选择下列正确的一项（ A）。
A.内样式，内嵌式，链接式，导入式
B.内连式，链接式，导入式，内样式
C.内嵌式，内连式，导入式，链接式
D.内样式，内嵌式，链接式，导出式
8、CSS中ID选择符在定义的前面要有指示符（ D）。
（A）* （B）. （C）! （D）#
9、创建自定义CSS样式时，样式名称的前面必须加一个_____ （ D ）
A.$ B.# C.? D.原点
10、a:hover表示超链接文字在（ ）时的状态。（ C ）
A、鼠标按下 B、鼠标经过 C、鼠标放上去 D、访问过后
11、在下面的 XHTML 中，哪个可以正确地标记折行？（ A ）
A：<br /> B：<break/> C：<br> D：<p>
html网页设计css12、下列哪些是格式良好的 XHTML？（ B）
A．<p>A <b><i>short</b></i> paragraph</p>
B．<p>A <b><i>short</i></b> paragraph</p>
C．<p>A <b><i>short</i></b> paragraph
13、下列哪个样式定义后，内联(非块状)元素可以定义宽度和高度( C )
A.display:inline B.display:none C. display:block D. display:inherit
14、li 元素中包含img 元素的时候，IE 中img 下面多出了5px左右的空白，下列哪个处理办法不可行（C ）
A．使 li 浮动，并设置 img 为块级元素
B．设置 ul 的 font-size:0;
C．设置 img 的 margin: 0;
D．设置 img 的 margin-bottom: -5px;
三、填空题（共6小题）
1、目前常用的WEB标准静态页面语言是_____________ 。(xhtml)
2、div与span的区别是___________________________________。（div是块元素，spa
n是行内或内联元素）
3、 改变元素的外边距用__________，改变元素的内填充用__________。（margin 、padding）4、Color:#666666;可缩写为______________________。（color:#666;）
5、合理的页面布局中常听过结构与表现分离，那么结构是_______________，表现是__________。（xhtml或xml、css）
6、如下图为一个border为1px 的div块，总宽度为215px（包括border），阴影区为padding-left:25px;，那么此div的width应设置为_______px。（188px）
四、问答题（共3小题）
1、IE6下为什么无法定义1px左右高度的容器?
答： IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px
2、怎么样才能让层显示在FLASH之上呢?
答： 解决的办法是给FLASH设置透明:
<param name="wmode" value="transparent" />
3、firefox嵌套div标签的居中问题的解决方法，假定有如下情况：
<div id="a">
<div id="b"> </div>
</div>
如果要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切正常；但是在Firefox中b却会是居左的。
答： 解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为：margin: 0 auto;。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论