B：<break/> C：<br>2、下列哪些是格式良好的 XHTML？（ ）（5分）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>paragraph3、在以下的 HTML 中，哪个是正确引用外部样式表的方法？（5分）（ ）A：<style src="mystyle.css">B：<link rel="stylesheet" type="text/css" href="mystyle.css">C：<stylesheet>mystyle.css</stylesheet>4、在 HTML 文档中，引用外部样式表的正确位置是？（5分）（ ）A：文档的末尾 B：文档的顶部 C：<body>部分 D：<head>部分三、问答题（40分）1、 请写出超链接的顺序或者你在初始样式中的链接方法。（要求默认无下线，鼠标经过有下划线）（10分） 2、 当float和margin同时使用时， IE6的双倍边距BUG如何解决？（6分） 3、 为什么无法定义1px左右高度的容器？（7分）答：IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px 4、 Firefox中标签的居中问题的解决方法？（5分） 5、 请写出XHTML和CSS如何注释？（5分） 6、 请以缩写方法写出１px 直线（实线） 灰色（任意灰色代码值），上面无边框的矩形边框样式。（7分） div+css面试题目--前端页面制作面试考题1.超链接访问过后hover样式就不出现的问题? 被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A 2.IE6的双倍边距BUG 例如: <style type="text/css">body {margin:0} div { float:leftmargin-left:10pxwidth:200pxheight:200pxborder:1px solid red }</style>浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline 3.为什么FF下文本无法撑开容器的高度? 标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉he ight设置min-height:200px这里为了照顾不认识min-height的IE6 可以这样定义： div { height:auto!importantheight:200pxmin-height:200px} 4.为什么web标准中IE无法设置滚动条颜色了? 原来样式设置： <style type="text/css">body { scrollbar-face-color:#f6f6f6scrollbar-highlight-color:#fffscrollbar-shadow-color:#eeeeeescrollbar-3dlight-color:#eeeeeescrollbar-arrow-color:#000scrollbar-track-color:#fffscrollbar-darkshadow-color:#fff}</style>解决办法是将body换成html 5.为什么无法定义1px左右高度的容器? IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px 6.怎么样才能让层显示在FLASH之上呢? 解决的办法是给FLASH设置透明: <param name="wmode" value="transparent" /> 7.怎样使一个层垂直居中于浏览器中? <style type="text/css"><!--div {position:absolutetop:50%left:50%margin:-100px 0 0 -100pxwidth:200pxheight:200pxborder:1px solid red}--></style>这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二 8、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。
一．单选题（共41小题，每题1.5分，共61.5分）
13、下面有关表格的说法正确的是（ C ）。
16、大多数表单元素都是使用（ A ）标签，然后通过type属性指定表单类型。
17、下面表单元素中，有value属性的是（ D ）。
18、单行文本框使用（ C ）实现，密码文本框使用（ D ）实现，多行文本框使用（ A ）实现。
19、如果想要定义单选框默认选中效果，可以使用（ A ）属性来实现。
20、在表单中，input元素的type属性取值为（ A ）时，用于创建重置按钮。
21、下面有关表单的说法，正确的是（ D ）。
22、下面对于按钮的说法，不正确的是（ D ）。
29、如果想要实现字体颜色为白色，可以使用定义color属性值为（ B ）。
30、下面有关字体样式，说法正确的是（ C ）。
31、下面选项中，属于CSS正确注释方式是（ B ）。
32、CSS使用（ C ）属性来定义段落的行高。
33、CSS使用（ A ）属性来定义字体下划线、删除线以及顶划线效果。
34、如果想要实现下图14-12所示的效果，我们可以使用（ C ）来实现。
[图片上传失败...(image-6c8f86-1537317883054)]
35、下面有关文本样式的说法中，正确的是（ B ）。
36、如果我们想要定义某一个元素的右边框，宽度为1px，外观为实线，颜色为红色，正确写法应该是（ C ）。
37、如果我们想要去掉某一个元素的上边框，下面写法中不正确的是（ A ）。
38、在真正实战开发中，对于下图所示的列表项符号，最佳实现方法是（C ）。
[图片上传失败...(image-862242-1537317883054)]
39、下面对于列表说法中，叙述错误的是（ A ）。
40、CSS可以使用（ C ）属性来合并表格边框。
41、下面有关表格样式，说法不正确的是（ C ）。
42、CSS可以使用（ B ）属性来实现图片水平居中。
43、下面有关图片样式，说法正确的是（ C ）。
44、CSS可以使用（A ）属性来设置文本颜色。
45、下面有关背景样式，说法不正确的是（ A ）。
46、下面哪一个伪类选择器是用于定义鼠标经过元素时样式的？（ C ）
47、在实际开发中，如果想要定义超链接未访问时的样式，可以使用（ A ）。
48、我们可以使用（ D ）来实现鼠标悬停在超链接上时为无下划线效果。
49、下面有关超链接样式说法中，正确的是（ A ）。
50、下面哪个属性用于定义外边距？（ D ）
51、下面有关CSS盒子模型的说法中，正确的是（ D ）。
52、如果一个div元素的上内边距和下内边距都是20px，左内边距是30px，右内边距是40px，正确的写法是（ B ）。
C. padding:20px 30px 40pxD.padding:40px 20px 30px 20px
53、对于“margin:20px 40px”，下面说法正确的是（ C ）。
54、默认情况下，（ A ）元素设置width和height可以生效。
55、如果想要实现文本环绕着图片，最好的解决方法是（ A ）。
56、在CSS中，“clear:both”的作用是（ C ）。
57、下面有关浮动的说法中，不正确的是（ B ）。
58、我们可以定义position属性值为（B ），从而来实现元素的相对定位。
59、下面哪个属性不会让div元素脱离文档流？（ B ）
60、默认情况下，以下关于定位布局的说法不正确的是（ C ）。
61、下面有关定位布局，说法不正确的是（ D ）。
D. 在实际开发中，优先使用定位布局。如果实现不了，再考虑浮动布局
三、判断题（每题1.5分，共7.5分）
12.若某个标签里的内容超过标签的尺寸，则超出的内容自动隐藏的CSS样式是visibility:hidden （ 错 ）
13.在HTML中，将表单中input元素的type属性值设置为set时，用于创建重置按钮 （ 错 ）
14.在 HTML中,action属性用于设置表单要提交的地址 （对 ）
16.在HTML中创建一个隐藏域可以<input name="hidden" value="hidden" text="111"> （错 ）
18.transition-property 设置过渡的时间，transition-duration 设置过渡的属性（错 ）
四、简答题（4-6题6分，7题7分，共25分）
4 1、定义一个列表，每一个列表项都是一个超链接，并且要求去除列表项符号以及超链接下划线，超链接文本颜色为粉红色，并且点击某一个列表项会以新窗口的形式打开。
[图片上传失败...(image-aabb7b-1537317883044)]
<div class =’title’ >
<ul>
<li><a href = ‘ http://www.baidu.com ’target=’_blank’>top1:百度</a></li>
<li><a href = ‘ http://www.baidu.com ’target=’_blank’>top2:淘宝</a></li>
<li><a href = ‘ http://www.baidu.com ’target=’_blank’>top3:新浪</a></li>
<li><a href = ‘ http://www.baidu.com ’target=’_blank’>top4:网易</a></li>
<li><a href = ‘ http://www.baidu.com ’target=’_blank’>top5:搜狐</a></li>
</ul>
</div>
.total{ .total ul{ .total ul a{text-decorati0n:none
List-style:none}
Width:30pxcolor:pink}
Height:400px
Text-alian:center
}
5请将下图所示的图片当做背景图，要求铺满整个页面，不允许有空隙。
[图片上传失败...(image-2d6d42-1537317883042)]
Body{
Background-image:url(../image/1.png)
Background-repeat:repet
}
6在网页中添加一段文本链接，并且设置其在不同的状态下显示不同的效果。要求：
（1）未访问时：没有下划线，颜色为红色
（2）鼠标经过时：有下划线，颜色为蓝色
A:link{
Text-decoration:none
Color:red
}
A:hover{
Color:blue
Text-decoration：underline
}
7 使用浮动布局来实现下图所示的页面布局效果，其中各个元素之间的间距是10px。下面只给出必要的尺寸，也就是说有些尺寸需要我们自己计算的。在实际开发中，计算尺寸是家常便饭，所以这里我们自己试一下。
[图片上传失败...(image-8d0a1c-1537317883041)]
<div class=’total’>
<div class=’box1’></div>
<div class=’box2’></div>
<div class=’box3’></div>
<div class=’box4’></div>
</div>
.total{
Width:800px
Height:800px
Overflow:hidden
}
.box1{
Width:800px
Height:100px
}
.box2{
Width:595px
Height:38-px
Float:left
}
.box3{
Width:195px
Height:380px
Float:left
}
.box1{
Width:800px
Height:100px
}
五、论述题（每题6分，共6分）
1、在两个盒子嵌套时候，内部的盒子设置的margin-top会加到外边的盒子上，导致内部的盒子margin-top设置失败，请说出三种解决方案：
