【网页设计】期末复习（八）

最新推荐文章于 2024-07-16 18:56:50 发布

pitytheriver

最新推荐文章于 2024-07-16 18:56:50 发布

阅读量173

点赞数 3

分类专栏：学习文章标签： html 前端 css

本文链接：https://blog.csdn.net/qq_64077978/article/details/140474098

版权

学习专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1、

系统提供

当对浮动的元素应用左外边距或右外边距时，在IE6浏览器中，元素对应的左外边距或右外边距将是所设置值的（）。

修改

一倍
两倍
三倍
四倍

参考答案:

答案解析:

当对浮动的元素应用左外边距或右外边距时，在IE6浏览器中，元素对应的左外边距或右外边距将是所设置值的两倍，这就是常见的“IE6双倍边距问题”。

2、

系统提供

下列代码样式中，可以设置盒子在浏览器中水平居中，且上下外边距均为5px的是（）。

修改

margin:5px auto;
margin:0 auto;
margin:auto 0;
margin:auto 5px;

参考答案:

答案解析:

无

3、

系统提供

当对应用了左外边距或右外边距的元素设置（）属性时，在IE6浏览器中会出现双边距Bug。

修改

边框
边距
定位
浮动

参考答案:

答案解析:

当对浮动的元素应用左外边距或右外边距（margin-left或margin-right）时，在IE6浏览器中，元素对应的左外边距或右外边距将是所设置值的两倍，这就是网页制作中经常出现的IE6双倍边距问题。

4、

系统提供

当盒子中的内容超过盒子的宽高时，在IE6浏览器中盒子会（）内容的大小。

修改

超出
隐藏超出部分
自适应
以上说法都不正确

参考答案:

答案解析:

制作网页时，当盒子中的内容超过了盒子的宽高时，在标准浏览器下内容会溢出，但是在IE6中盒子会自适应内容的大小。

5、

系统提供

在应用通栏布局时，需要将模块最外层的div宽度设置为（）。

修改

auto
100%
1980px
100px

参考答案:

答案解析:

无

6、

系统提供

所有复杂的布局都是在网页布局的基础上演变而来的，网页布局的基础是（）。

修改

单列布局
两列布局
三列布局
通栏布局

参考答案:

答案解析:

“单列布局”是网页布局的基础，所有复杂的布局都是在此基础上演变而来的。

7、

系统提供

IE6浏览器有默认的最小像素高度，它无法识别（）以下的高度值。

修改

1px
10px
19px
25px

参考答案:

答案解析:

IE6浏览器有默认的最小像素高度，它无法识别19px以下的高度值。

8、

系统提供

通栏布局的关键在于在相应模块的外面添加一层div，并且将外层div的宽度设置为（）。

修改

10%
50%
100%
150%

参考答案:

答案解析:

将模块设置为通栏后，无论页面放大或缩小，该模块都将横铺于浏览器窗口中。通栏布局的关键在于在相应模块的外面添加一层div，并且将外层div的宽度设置为100%。

9、

系统提供

在网页布局中，哪种布局方式可以将页面内容模块分为左中右三部分（）。

修改

一列布局
两列布局
三列布局
通栏布局

参考答案:

答案解析:

无

10、

系统提供

在网页布局中，可以将页面内容模块分为左右两部分的布局方式是（）。

修改

一列布局
两列布局
三列布局
通栏布局

参考答案:

答案解析:

无

11、

系统提供

在选择器Hack中“*html”表示的是（）。

修改

该选择器为IE6及IE6以下版本识别的选择器Hack
该选择器为IE7识别的选择器Hack
该选择器为IE6识别的选择器Hack
该选择器为IE6以下版本识别的选择器Hack

参考答案:

答案解析:

无

12、

系统提供

IE浏览器作为兼容性问题最多的浏览器，经常需要对其兼容性进行调试，针对这种需求，微软官方专门提供了（）。

修改

if条件注释语句
if条件判断语句
IE条件判断语句
IE条件注释语句

参考答案:

答案解析:

IE浏览器作为兼容性问题最多的浏览器，微软官方专门提供了“IE条件注释语句”。

13、

系统提供

下列样式代码中，用于解决IE6最小像素高度限制的是（）。

修改

overflow:visible;
overflow:inherit;
overflow:hidden;
verflow:auto;

参考答案:

答案解析:

IE6浏览器有默认的最小像素高度的限制，其解决方法有两种：
（1）给该盒子指定“overflow:hidden;”样式；
（2）给该盒子指定“font-size:0;”样式；

14、

系统提供

认真阅读以下代码，注意其中的选择器Hack：
1   <head>
2   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3   <title>CSS选择器Hack</title>
4   <style type="text/css">
5   .content{height:100px; width:100px; background-color:yellow;}
6   *+html .content{width:300px;height:300px;background-color:red;}
7   </style>
8   </head>
9   <body>
10   <div class="content"></div>
11   </body>
运行以上代码，在火狐浏览器中显示的背景色是（     ）。

修改

白色
绿色
红色
黄色

参考答案:

答案解析:

分析以上代码，选择器Hack定义的样式是只有IE7浏览器识别的选择器Hack“*+html.content”,在火狐浏览器中不生效，所以火狐浏览器显示黄色背景。

15、

系统提供

阅读下面的网页布局代码，其HTML代码如下：
1   <body>
2   <div id="top">头部</div>
3   <div id="nav">导航栏</div>
4   <div id="banner">焦点图</div>
5   <div id="content">内容</div>
6   <div id="footer">页面底部</div>
7   </body>
分析以上布局代码，其页面布局方式为（    ）。

修改

单列布局
两列布局
三列布局
通栏布局

参考答案:

答案解析:

本题中的页面从上到下分别为头部、导航、焦点图、内容和页面底部，每个模块单独占据一行，为一个简单的单列布局。

16、

系统提供

代码“_background-color:black;”前面的“_”是为了兼容（）浏览器。

修改

IE6
IE7
Firefox
以上选项都正确

参考答案:

答案解析:

书写CSS样式时，如果希望此样式只对IE6及IE6以下版本的浏览器生效，可以使用IE6及以下版本的CSS属性Hack，其基本语法如下：
_属性:样式代码;

17、

系统提供

IE6及IE6以下版本识别的选择器Hack，是在选择器的前面加上（）。

修改

#html
& html
* html
! html

参考答案:

答案解析:

书写CSS样式时，如果希望此样式只对IE6及IE6以下版本的浏览器生效，可以使用IE6及以下版本的选择器Hack，其基本语法如下：
* html 选择器{样式代码}

18、

系统提供

如果希望CSS样式只对IE6及IE6以下版本的浏览器生效，可以在CSS属性名的前面加（）。

修改

参考答案:

答案解析:

书写CSS样式时，如果希望此样式只对IE6及IE6以下版本的浏览器生效，可以使用CSS属性Hack在CSS属性名的前面加“_”号。

19、

系统提供

阅读下面的网页布局代码，其HTML代码如下：
1   <body>
2   <div id="top">头部</div>
3   <div id="nav">导航栏</div>
4   <div id="banner">焦点图</div>
5   <div id="content">
6        <div class="content_left">内容左部分</div>
7        <div class="content_right">内容右部分</div>
8   </div>
9   <div id="footer">页面底部</div>
10   </body>
分析以上布局代码，其页面布局方式为（    ）。

修改

单列布局
两列布局
三列布局
通栏布局

参考答案:

答案解析:

由代码可知，内容模块被分为了内容左、右两个部分，所以，其页面布局为一个两列布局。

20、

系统提供

三列布局一般是将主体内容分成左、中、右三部分，然后对三个小盒子分别设置（）属性。

修改

边框
浮动
定位
背景

参考答案:

答案解析:

实现三列布局一般是将内容模块分为左、中、右三个小盒子，然后对三个小盒子分别设置浮动。

21、

系统提供

网页中的一些模块无论页面放大或缩小，该模块都横铺于浏览器窗口中，这需要对该模块设置的布局方式是（）。

修改

单列布局
两列布局
三列布局
通栏布局

参考答案:

答案解析:

为了网站的美观，网页中的一些模块，例如，头部、导航、焦点图或页面底部等经常需要通栏显示。将模块设置为通栏后，无论页面放大或缩小，该模块都将横铺于浏览器窗口中。

22、

系统提供

认真阅读以下代码，注意其中的选择器Hack：
1   <head>
2   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3   <title>CSS选择器Hack </title>
4   <style type="text/CSS">
5   .content{height:100px; width:100px; background-color:green;}
6   *html .content{width:300px;height:300px;background-color:red;}
7   </style>
8   </head>
9   <body>
10   <div class="content"></div>
11   </body>
运行以上代码，在IE6浏览器中显示的背景色是（     ）。

修改

白色
绿色
红色
黄色

参考答案:

答案解析:

分析以上代码，选择器Hack定义的样式对IE6及IE6以下版本的浏览器生效, 所以IE6浏览器中显示的背景色是红色。

23、

系统提供

在IE6中，当非浮动元素跟在浮动元素之后时，两者之间会多出（）的间距。

修改

参考答案:

答案解析:

在IE6中，当文本或其他非浮动元素跟在一个浮动元素之后时，文本或其他非浮动元素与浮动元素之间会多出3像素的间距。

24、

系统提供

将一张图片插入到宽高均为200px的盒子中，其HTML代码如下：
<div>
<img src="images.gif" width="200" height="200"/>
</div>
运行以上代码，在火狐浏览器中的显示效果是（）。

修改

图片正常显示
图片不能正常显示
图片底边会出现间隙
以上说法均不正确

参考答案:

答案解析:

在IE6中，当一张图片插入到与其大小相同的盒子中时，图片在火狐浏览器中正常显示。但在IE6浏览器中，盒子的底边会出现间隙。

25、

系统提供

所谓“版心”是指网页中主体内容所在的区域，一般显示在浏览器窗口的（）位置。

修改

水平对齐
左对齐
水平居中
右对齐

参考答案:

答案解析:

“版心”一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px等。

26、

系统提供

在IE6浏览器中，浮动元素的左外边距或右外边距将是所设置值的两倍，这被称为IE6的（）问题。

修改

内边距塌陷
外边距塌陷
双倍边距
边距凸陷

参考答案:

答案解析:

27、

系统提供

阅读下面的网页布局代码，其HTML代码如下：
1   <body>
2   <div id="top">头部</div>
3   <div id="nav">导航栏</div>
4   <div id="banner">焦点图</div>
5   <div id="content">
6        <div class="content_left">内容左部分</div>
7        <div class="content_middle">内容中间部分</div>
8        <div class="content_right">内容右部分</div>
9   </div>
10   <div id="footer">页面底部</div>
11   </body>
分析以上布局代码，其页面布局方式为（    ）。

修改

单列布局
两列布局
三列布局
通栏布局

参考答案:

答案解析:

由代码可知，内容模块被分为了内容左、中、右两个部分，所以，其页面布局方式是三列布局。

28、

系统提供

下列选项中，属于IE7及以下版本（包含IE7）的IE条件注释语句的是（）。

修改

参考答案:

答案解析:

IE浏览器作为兼容性问题最多的浏览器，微软官方专门提供了“IE条件注释语句”。
针对IE7及以下版本（包含IE7）的IE条件注释语句为： 。

29、

系统提供

认真阅读以下代码，注意其中的选择器Hack：
1   <head>
2   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3   <title>CSS属性hack</title>
4   <style type="text/css">
5   .hack{
6           width:100px;
7           height:100px;
8           background-color:red;
9           *background-color:black;
10           +background-color:yellow;
11           _background-color:green;
12          }
13   </style>
14   </head>
15   <body>
16   <div class="hack"></div>
17   </body>
运行以上代码，在IE6浏览器中显示的背景色是（     ）。

修改

黑色
绿色
红色
黄色

参考答案:

答案解析:

分析以上代码，选择器Hack定义的样式“_background-color:green;”对IE6及IE6以下版本的浏览器生效, 所以IE6浏览器中显示的背景色是绿色。

30、

系统提供

IE6浏览器不支持PNG透明图片，解决这个问题的方法是（）。

修改

借助微软提供的js文件来解决
将图片格式保存成GIF格式
将图片格式保存成JPG格式
以上说法都不正确

参考答案:

答案解析:

针对IE6浏览器不支持PNG透明图片，可以借助微软提供的js文件来解决。

31、

系统提供

认真阅读以下代码，具体如下：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>不同浏览器下的间距BUG</title>
<style type="text/css">
div{
   float:left;
   width:300px;
   height:300px;
   border:1px solid red;
   background:#FC3;
}
</style>
</head>
<body>
<div>这是一个左浮动的元素</div>
<div><img src="ie.jpg" width="100" height="100" /></div>
</body>
运行以上代码，在IE6浏览器中的显示效果为（    ）。

修改

图片与浮动元素之间正常显示
图片与浮动元素之间会多出1px的间距
图片与浮动元素之间会多出2px的间距
图片与浮动元素之间会多出3px的间距

参考答案:

答案解析:

在IE6中，当文本或其他非浮动元素跟在一个浮动元素之后时，文本或其他非浮动元素与浮动元素之间会多出3像素的间距。

32、

系统提供

认真阅读以下代码：
1   <head>
2   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3   <title>不同浏览器下的间距BUG</title>
4   <style type="text/css">
5   div{
6       float:left;
7       width:100px;
8       height:100px;
9       border:1px solid #000;
10       background:#FC3;
11   }
12   </style>
13   </head>
14   <body>
15   <div>左浮动的盒子</div>
16   这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。
17   </body>
运行以上代码，在IE6浏览器中的显示效果为（    ）。

修改

文本与浮动元素正常显示。
文本与浮动元素之间会多出1像素的间距。
文本与浮动元素之间会多出2像素的间距。
文本与浮动元素之间会多出3像素的间距。

参考答案:

答案解析:

在IE6中，当文本或其他非浮动元素跟在一个浮动元素之后时，文本或其他非浮动元素与浮动元素之间会多出3像素的间距。

33、

系统提供

下列选项中，属于IE7及以下版本（包含IE7）的IE条件注释语句的是（）。

修改

参考答案:

答案解析:

34、

系统提供

下列选项中，属于非IE浏览器的IE条件注释语句的是（）。

修改

内容

参考答案:

答案解析:

IE浏览器作为兼容性问题最多的浏览器，微软官方专门提供了“IE条件注释语句”。
针对非IE浏览器的IE条件注释语句为：内容。

35、

系统提供

在IE6浏览器中，有时会出现多余字符问题，因为加入的HTML注释是在（）元素之间。

修改

定位
块元素
行内元素
浮动

参考答案:

答案解析:

在IE6中，当浮动元素之间加入HTML注释时，会产生多余字符。

36、

系统提供

针对IE6双倍边距问题，可以通过为浮动块元素定义（）样式来解决。

修改

_display:inline;
_display:block;
float:left;
float:right;

参考答案:

答案解析:

针对IE6双倍边距问题，可以通过为浮动块元素定义“display:inline;”样式来解决，即在box01的CSS样式中增加如下代码：
_display:inline; /*解决IE6双倍边距*/
需要注意的是，因为只有IE6浏览器有兼容问题，所以在“display:inline;”前面一定不要忘记添加针对IE6的CSS属性Hack“_”。

37、

系统提供

修改

白色
绿色
红色
黄色

参考答案:

答案解析:

分析以上代码，选择器Hack定义的样式只对IE6及IE6以下版本的浏览器生效, 火狐浏览器中显示绿色背景色。

38、

系统提供

为了美化页面，给页面中的<img />元素添加一个透明图片，在火狐浏览器中图像显示的背景是（）。

修改

白色的
黑色的
透明的
灰色的

参考答案:

答案解析:

火狐浏览器支持透明图片，所以显示的图片是透明的。

39、

系统提供

认真阅读以下代码：
1   <head>
2   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3   <title>高度自适应问题</title>
4   <style type="text/css">
5   div{
6       height:20px;
7           width:500px;
8       border:1px solid #000;
9       font-size:50px;
10   }
11   </style>
12   </head>
13   <body>
14   <div>里面是一段文字</div>
15   </body>
运行以上代码，在火狐浏览器中的效果是（     ）。

修改

内容撑开线框
隐藏超出部分
内容溢出线框
自适应盒子中内容

参考答案:

答案解析:

制作网页时，当盒子中的内容超过了盒子的宽高时，在火狐浏览器中的内容会溢出。

40、

系统提供

为了美化页面，给页面中的<img />元素添加一个透明图片，在IE6浏览器中图像显示的背景是（）。

修改

白色的
黑色的
透明的
灰色的

参考答案:

答案解析:

IE6浏览器不支持透明图片，所以显示的图片背景是灰色的。

41、

系统提供

下列选项中，属于IE7以上版本（包含IE7）的IE条件注释语句的是（）。

修改

参考答案:

答案解析:

IE浏览器作为兼容性问题最多的浏览器，微软官方专门提供了“IE条件注释语句”。
针对IE7以上版本（包含IE7）的IE条件注释语句为：。

42、

系统提供

下列样式代码中，用于解决IE6最小像素高度限制的是（）。

修改

font-size:0;
font-size:1px;
font-size:1;
font-size:1em;

参考答案:

答案解析:

IE6浏览器有默认的最小像素高度的限制，其解决方法有两种：
（1）给该盒子指定“overflow:hidden;”样式；
（2）给该盒子指定“font-size:0;”样式。

43、

系统提供

当对浮动元素应用左外边距或右外边距时，在IE6浏览器中，会出现双边距问题，解决方法是（）。

修改

为浮动块元素定义"display:inline;"样式
为浮动块元素定义"display:block;"样式
为浮动块元素定义"display:inline-block;"样式
为浮动块元素定义"display:none;"样式

参考答案:

答案解析:

当对浮动的元素应用左外边距或右外边距时，在IE6浏览器中，元素对应的左外边距或右外边距将是所设置值的两倍，解决方法是为浮动块元素定义“display:inline;”样式。

44、

系统提供

下列选项中，属于IE7 以下版本的IE条件注释语句的是（）。

修改

参考答案:

答案解析:

IE浏览器作为兼容性问题最多的浏览器，微软官方专门提供了“IE条件注释语句”。
针对IE7 以下版本的IE条件注释语句为： 。

45、

系统提供

修改

文本与浮动元素之间正常显示。
文本与浮动元素之间会多出1像素的间距。
文本与浮动元素之间会多出2像素的间距。
文本与浮动元素之间会多出3像素的间距。

参考答案:

答案解析:

在IE6中，当文本或其他非浮动元素跟在一个浮动元素之后时，文本或其他非浮动元素与浮动元素之间会多出3像素的间距。但是，在火狐浏览器中，不会出现兼容性问题，文本与浮动元素之间正常显示。

46、

系统提供

针对IE6无法识别19px以下的高度Bug，解决方法有（）。

修改

给盒子指定"overflow:visible;"样式
给盒子指定"overflow:hidden;"样式
给该盒子指定"font-size:0;"样式
给该盒子指定"font-size:1;"样式

参考答案:

[ "B", "C" ]

答案解析:

IE6浏览器有默认的最小像素高度，它无法识别19px以下的高度值，其解决方法有两种：
（1）给该盒子指定“overflow:hidden;”样式；
（2）给该盒子指定“font-size:0;”样式。

47、

系统提供

关于“版心”的描述，下列说法正确的是（）。

修改

"版心"是指网页中主体内容所在的区域
网页中的大部分布局都需要在"版心"内完成
"版心"一般在浏览器窗口中水平居中显示
"版心"宽度等于浏览器屏幕的宽度

参考答案:

[ "A", "B", "C" ]

答案解析:

“版心”一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px等。因此D选项不正确。

48、

系统提供

“版心”一般在浏览器窗口中水平居中显示，网页中常见版心的宽度值为（）。

修改

960px
980px
1000px
500px

参考答案:

[ "A", "B", "C" ]

答案解析:

“版心”一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px等。

49、

系统提供

代码“*background-color:black;”前面的“*”是为了兼容（）浏览器。

修改

IE6
IE7
Firefox
以上选项都正确

参考答案:

[ "A", "B" ]

答案解析:

书写CSS样式时，如果希望此样式只对IE7及以下版本的浏览器生效，可以使用IE7及以下版本的CSS属性Hack，其基本语法如下：
+或*属性: 样式代码;

50、

系统提供

为了提高网页制作的效率，布局时通常需要遵守一定的布局流程，主要步骤包括（）。

修改

确定页面的版心
分析页面中的行模块，以及每个行模块中的列模块
运用盒子模型的原理，通过DIV+CSS布局来控制网页的各个模块
运用盒子模型的原理，通过DIV控制网页的各个模块

参考答案:

[ "A", "B", "C" ]

答案解析:

为了提高网页制作的效率，布局时通常需要遵守一定的布局流程，具体如下：
（1）确定页面的版心。
（2）分析页面中的行模块，以及每个行模块中的列模块。
（3）运用盒子模型的原理，通过DIV+CSS布局来控制网页的各个模块。

51、

系统提供

下列选项中，哪些属于网页模块命名需要遵循的原则（）。

修改

避免使用中文字符命名
不能以数字开头命名
不能占用关键字
用最少的字母达到最容易理解的意义

参考答案:

[ "A", "B", "C", "D" ]

答案解析:

无

52、

系统提供

关于“* html .nav{ background-color:red;}”中的选择器Hack，下列描述正确的是（）。

修改

该选择器为IE6及IE6以下版本识别的选择器Hack
该选择器为IE7识别的选择器Hack
表示在IE6下的样式为红色背景
表示在IE7下的样式为红色背景

参考答案:

[ "A", "C" ]

答案解析:

无

53、

系统提供

为了美化页面，常常需要使用一些透明的图片，常见透明图片的格式有（）。

修改

gif
tif
png（24位）
jpg

参考答案:

[ "A", "C" ]

答案解析:

在实际应用中，为了美化页面，常常需要使用一些透明的图片。常见透明图片的格式有：png（24位）、gif等格式的透明图片。

54、

系统提供

认真阅读下面的代码：
1   <head>
2   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3   <title>高度的问题</title>
4   <style type="text/css">
5   div{width:500px; height:5px; background-color:red;}
6   </style>
7   </head>
8   <body>
9   <div></div>
10   </body>
运行以上代码，盒子在各浏览器中的效果是（   ）。

修改

火狐浏览器中显示5像素高的红色背景
图IE6浏览器中显示大于5像素高的红色背景
火狐浏览器中显示10像素高的红色背景
IE6浏览器中显示5像素高的红色背景

参考答案:

[ "A", "B" ]

答案解析:

IE6浏览器有默认的最小像素高度，它无法识别19px以下的高度值。火狐浏览器没有最小高度的限制，可以正常显示元素的高度值。

55、

系统提供

网页模块的命名规范非常重要，在网页中，常用的命名方式有（）。

修改

单峰式命名
驼峰式命名
双峰式命名
帕斯卡命名

参考答案:

[ "B", "D" ]

答案解析:

在网页中，常用的命名方式有“驼峰式命名”和“帕斯卡命名”两种。

56、

系统提供

如果希望CSS样式只对IE7（含）以下版本生效，可以在CSS属性名的前面添加（）。

修改

参考答案:

[ "A", "C" ]

答案解析:

书写CSS样式时，如果希望此样式只对IE7及以下版本的浏览器生效，可以使用IE7及以下版本的CSS属性Hack，其基本语法如下：
+或*属性: 样式代码;

57、

系统提供

将一张图片插入与其大小相同的盒子中，其HTML代码如下：
<div>
<img src="images.gif" width="100" height="200"/>
</div>
运行以上代码，IE6下图像底部会出现间隙Bug，解决办法是（）。

修改

将<img>标记与<div>标记放在同一行
将<img>标记单独放在一行
为<img />定义"display:inline;"样式
为<img />定义"display:block;"样式

参考答案:

[ "A", "D" ]

答案解析:

在IE6中，当一张图片插入到与其大小相同的盒子中时，图片底部会多出3像素的间隙，针对IE6这种兼容性问题的解决办法有两种：
（1）将<img>标记与</div>标记放在同一行；
（2）为<img />定义“display:block;”样式；

58、

系统提供

在IE6中，当非浮动元素跟在浮动元素之后时，两者之间会多出3px的间距，解决方法是（）。

修改

运用负内边距的方法。
运用负外边距的方法。
在CSS中添加"_margin-right:-3px;"代码。
在CSS中添加"_padding-right:-3px;"代码。

参考答案:

[ "B", "C" ]

答案解析:

在IE6中，当文本或其他非浮动元素跟在一个浮动元素之后时，文本或其他非浮动元素与浮动元素之间会多出3像素的间距。针对IE6的这种兼容性问题，可以通过负外边距的方法来解决，在CSS中添加“_margin-right:-3px;”代码。

59、

系统提供

认真阅读以下代码，具体如下：

<head>

<title>不同浏览器下的间距BUG</title>

div{

float:left;

width:150px;

height:100px;

border:1px solid #000;

background:#FC3;

}

</style>

</head>

<body>

<div>左浮动的盒子</div>

这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。

运行以上代码，在各浏览器中的显示效果为（）。

修改

火狐浏览器中，文本与浮动元素之间正常显示
IE6浏览器中，文本与浮动元素之间会多出1px的间距
IE6浏览器中，文本与浮动元素之间会多出3px的间距
火狐浏览器中，文本与浮动元素之间会多出3px的间距

参考答案:

[ "A", "C" ]

答案解析:

60、

系统提供

将一个图片插入到宽高均为200px的盒子中，其HTML代码如下：
<div>
<img src="images.gif" width="200" height="200"/>
</div>
运行以上代码，在各浏览器中的效果是（）。

修改

图片在IE6浏览器中正常显示
图片在火狐浏览器中底边会出现间隙
图片在火狐浏览器中正常显示
图片在IE6浏览器中底边会出现间隙

参考答案:

[ "C", "D" ]

答案解析:

在IE6中，当一张图片插入到与其大小相同的盒子中时，图片底部会多出3像素的间隙，但在火狐浏览器中正常显示。

61、

系统提供

下列选项中，关于“!important”的说法正确的是（）。

修改

使用!important命令的CSS样式具有较高的优先级
!important能够被IE6浏览器识别
!important能够被IE7浏览器识别
以上说法都不正确

参考答案:

[ "A", "C" ]

答案解析:

!important不能够被IE6浏览器识别，能够被IE7浏览器识别。!important用于提升优先级，即使用了!important命令的CSS样式具有较高的优先级。

62、

系统提供

认真阅读以下代码：
1    <head>
2    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3    <title>IE6边距</title>
4    <style type="text/css">
5    .father{                                 /*定义父元素的样式*/
6        background:#ccc;
7        width:150px;
8        height:80px;
9    }
10    .box01{                                   /*定义子元素box01的样式*/
11        width:60px;
12        height:50px;
13        line-height:50px;
14        background:#f9c;
15        margin-left:15px;                   /*定义左外边距*/
16        padding:0px 10px 0px 10px;
17        float:left;                           /*定义左浮动*/
18    }
19    </style>
20    </head>
21    <body>
22    <div class="father">
23        <div class="box01">box01</div>
24    </div>
25    </body>
运行以上代码，在IE6浏览器中的效果是（     ）。

修改

IE6中盒子的左外边距是15px
IE6中盒子的左外边距就是设置的左外边距的数值
IE6中盒子的左外边距是30px
IE6中盒子的左外边距是设置的左外边距的两倍

参考答案:

[ "C", "D" ]

答案解析:

当对浮动的元素应用左外边距或右外边距时，在IE6浏览器中，元素对应的左外边距或右外边距将是所设置值的两倍。

63、

系统提供

认真阅读以下代码：
1   <head>
2   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
3   <title>高度自适应问题</title>
4   <style type="text/css">
5   div{
6       height:20px;
7       width:500px;
8       border:1px solid #000;
9       font-size:50px;
10         height:auto!important;
11   }
12   </style>
13   </head>
14   <body>
15   <div>里面是一段文字</div>
16   </body>
运行以上代码，在IE6浏览器中的效果是（     ）。

修改

内容撑开线框
隐藏超出部分
内容溢出线框
自适应盒子中内容

参考答案:

[ "A", "D" ]

答案解析:

制作网页时，当盒子中的内容超过了盒子的宽高时，在标准浏览器下内容会溢出，但是在IE6中盒子会自适应内容的大小。

64、

系统提供

在IE6中，当浮动元素之间加入HTML注释时，可能会出现多余字符问题，针对此Bug，解决方法有（）。

修改

去掉HTML注释。
不设置浮动div的宽度。
在产生多余字符的那个元素的CSS样式中添加"position:relative;"。
以上说法全部正确。

参考答案:

[ "A", "B", "C", "D" ]

答案解析:

针对IE6的多余字符Bug，有三种解决办法，具体如下。
（1）去掉HTML注释。
（2）不设置浮动div的宽度。
（3）在产生多余字符的那个元素的CSS样式中添加“position:relative;”样式。

65、

系统提供

CSS选择器Hack通过一些只有特定浏览器才能识别的Hack前缀，来控制不同的CSS样式。（）

修改

参考答案:

对

答案解析:

CSS选择器Hack是通过给CSS选择器的前面，加上一些识别的Hack前缀，控制不同的CSS样式。

66、

系统提供

在两列布局中，页面中的所有模块都将被分为左右两部分。（）

修改

参考答案:

错

答案解析:

两列布局和“一列布局”类似，只是网页内容被分为了左右两部分，通过这样的分割，打破了统一布局的呆板，让页面看起来更加活跃。

67、

系统提供

IE6浏览器有默认的最小像素高度。（）

修改

参考答案:

对

答案解析:

IE6浏览器有默认的最小像素高度，它无法识别19px以下的高度值。

68、

系统提供

在网页中，“驼峰式命名”又可以分为“单峰式命名”和“双峰式命名”两种。（）

修改

参考答案:

错

答案解析:

无

69、

系统提供

网页中的一些模块无论页面放大或缩小，该模块都横铺于浏览器窗口中，这需要对该模块设置通栏显示。（）

修改

参考答案:

对

答案解析:

70、

系统提供

“版心”一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px等。（）

修改

参考答案:

对

答案解析:

所谓“版心”是指网页中主体内容所在的区域。“版心”一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px等。

71、

系统提供

IE6浏览器能够很好地支持透明图片，如png（24位）、gif等格式的透明图片。（）

修改

参考答案:

错

答案解析:

IE6浏览器并不能很好地支持透明图片，如png（24位）、gif等格式的透明图片。

72、

系统提供

CSS属性Hack是指在CSS属性名的前面，加上一些只有特定浏览器才能识别的Hack前缀。（）

修改

参考答案:

对

答案解析:

CSS属性Hack是指在CSS属性名的前面，加上一些只有特定浏览器才能识别的Hack前缀。

73、

系统提供

三列布局一般是将内容模块分为左、中、右三部分，然后对三个小盒子分别设置浮动。（）

修改

参考答案:

对

答案解析:

三列布局和两列布局类似，一般是将主体内容分成左、中、右三部分，然后对三个小盒子分别设置浮动。

74、

系统提供

“两列布局”打破了统一布局的呆板，让页面看起来更加活跃。（）

修改

参考答案:

对

答案解析:

“两列布局”是把网页内容被分为了左右两部分，通过这样的分割，打破了统一布局的呆板，让页面看起来更加活跃。

75、

系统提供

针对IE6无法识别19px以下的高度Bug，解决方法是给盒子指定“overflow:hidden;”样式。（）

修改

参考答案:

对

答案解析:

IE6浏览器有默认的最小像素高度，它无法识别19px以下的高度值。其解决方法有两种：
（1）给该盒子指定“overflow:hidden;”样式；
（2）给该盒子指定“font-size:0;”样式。

76、

系统提供

CSS Hack可以针对不同的浏览器书写不同的样式。（）

修改

参考答案:

对

答案解析:

CSS Hack是针对不同的浏览器书写不同的CSS样式，控制该浏览器的显示效果。

77、

系统提供

通常，网页模块的命名不能占用关键字（例如id="h3"）。（）

修改

参考答案:

对

答案解析:

网页模块的命名不能占用关键字。

78、

系统提供

“*html”为IE6识别的选择器Hack。（）

修改

参考答案:

对

答案解析:

书写CSS样式时，如果希望此样式只对IE6及IE6以下版本的浏览器生效，可以使用IE6及以下版本的选择器Hack，其基本语法如下：
* html 选择器{样式代码}

79、

系统提供

针对IE浏览器的兼容问题，微软官方专门提供了“IE条件注释语句”。（）

修改

参考答案:

对

答案解析:

“IE条件注释语句”是微软官方专门为IE浏览器提供的。

80、

系统提供

针对IE6下图像底部像素间隙Bug，可将<img>标记与</div>标记放在同一行来解决。（）

修改

参考答案:

对

答案解析:

在IE6中，当一张图片插入到与其大小相同的盒子中时，图片底部会多出3像素的间隙，针对IE6这种兼容性问题的解决办法有两种：
（1）将<img>标记与</div>标记放在同一行；
（2）为<img />定义“display:block;”样式。

81、

系统提供

在IE6中，当浮动元素之间加入HTML注释时，可能会出现多余字符问题。（）

修改

参考答案:

对

答案解析:

无

82、

系统提供

“*+html”为IE6及IE6以下版本识别的选择器Hack。（）

修改

参考答案:

错

答案解析:

书写CSS样式时，如果希望此样式只对IE6及IE6以下版本的浏览器生效，可以使用IE6及以下版本的选择器Hack，其基本语法如下：
* html 选择器{样式代码}

83、

系统提供

当盒子中的内容超过了盒子的宽高时，在所有的浏览器下内容都会溢出。（）

修改

参考答案:

错

答案解析:

制作网页时，当盒子中的内容超过了盒子的宽高时，在标准浏览器下内容会溢出，但是在IE6中盒子会自适应内容的大小。

84、

系统提供

在IE6中，当非浮动元素跟在浮动元素之后时，两者之间会多出一定的像素间距。（）

修改

参考答案:

对

答案解析:

当文本或其他非浮动元素跟在一个浮动元素之后时，在IE6浏览器中，文本或其他非浮动元素与浮动元素之间会多出3像素的间距。

85、

系统提供

网页模块的命名应避免使用中文字符（例如id="导航栏"）。（）

修改

参考答案:

对

答案解析:

命名规范非常重要，需要引起足够重视。比如，网页模块的命名，应该避免使用中文字符命名（例如id="导航栏"）。

86、

系统提供

所谓“版心”是指网页中主体内容所在的区域。（）

修改

参考答案:

对

答案解析:

所谓“版心”是指网页中主体内容所在的区域。“版心”一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px等。

87、

系统提供

CSS Hack就是针对不同的浏览器书写不同的CSS样式，以达到最大化兼容浏览器的目的。

修改

参考答案:

对

答案解析:

CSS Hack总的来说就是针对不同的浏览器书写不同的CSS样式，达到最大化兼容浏览器的目的。但是，CSS样式书写顺序不能混乱，因为当出现重复定义时，浏览器会默认执行最后一层的样式。所以在使用CSS Hack时，一定要按照浏览器版本从高往低的顺序书写样式。

88、

系统提供

对浮动的元素应用左外边距或右外边距时，在IE6浏览器中会出现Bug。（）

修改

参考答案:

对

答案解析:

89、

系统提供

当定位元素之间加入HTML注释时，在IE6浏览器中会出现多余字符bug。（）

修改

参考答案:

错

答案解析:

在IE6中，当浮动元素之间加入HTML注释时，会产生多余字符，而不是定位元素。

90、

系统提供

CSS属性Hack代码中，“_color:red;”的Hack前缀“_”只对IE6生效。（）

修改

参考答案:

对

答案解析:

书写CSS样式时，如果希望此样式只对IE6及IE6以下版本的浏览器生效，可以在IE6的属性名前加“_”前缀。

91、

系统提供

布局时通常需要遵守一定的布局流程，这样能极大地提高网页制作的效率。（）

修改

参考答案:

对

答案解析:

所谓“版心”是指网页中主体内容所在的区域。布局时通常需要遵守一定的布局流程，这样能极大地提高网页制作的效率。

92、

系统提供

在网页设计中，只有头部模块才可以使用通栏布局。（）

修改

参考答案:

错

答案解析:

为了网站的美观，网页中的一些模块，例如，头部、导航、焦点图或页面底部等经常会通栏显示，并不局限于头部。

93、

系统提供

IE6浏览器没有最小像素高度的限制，所以可以识别1px的高度值。（）

修改

参考答案:

错

答案解析:

IE6浏览器有默认的最小像素高度，它无法识别19px以下的高度值。

94、

系统提供

在IE6中，当非浮动元素跟在浮动元素之后时，非浮动元素与浮动元素之间会多出3像素的间距。（）

修改

参考答案:

对

答案解析:

当文本或其他非浮动元素跟在一个浮动元素之后时，在IE6浏览器中，文本或其他非浮动元素与浮动元素之间会多出3像素的间距。

95、

系统提供

针对IE6中3像素间距问题，解决方法是在CSS中添加“_margin-right:-3px;”样式。（）

修改

参考答案:

对

答案解析:

在IE6中，当文本或其他非浮动元素跟在一个浮动元素之后时，文本或其他非浮动元素与浮动元素之间会多出3像素的间距，可以在CSS中添加“_margin-right:-3px;”来解决。

96、

系统提供

在IE6浏览器中，当一张图片插入到与其大小相同的盒子中时，图片底部会有间隙。（）

修改

参考答案:

对

答案解析:

在IE6中，当一张图片插入到与其大小相同的盒子中时，图片底部会多出3像素的间隙。

97、

系统提供

单列布局的页面模块，会从上到下一一罗列。（）

修改

参考答案:

对

答案解析:

单列布局的页面模块，会从上到下一一罗列。

98、

系统提供

在网页布局中，“margin:auto 0;”的作用是让页面水平居中显示。（）

修改

参考答案:

错

答案解析:

在网页布局中，“margin:0 auto;”的作用是让页面水平居中显示。

99、

系统提供

块元素中同时出现float和margin两个属性时， IE6浏览器中会产生双倍边距。

修改

参考答案:

对

答案解析:

在IE6浏览器中，元素对应的左外边距或右外边距将是所设置值的两倍，这就是网页制作中经常出现的IE6双倍边距问题。

100、

系统提供

在三列布局中，页面中的所有模块都将被分为左、中、右三部分。（）

修改

参考答案:

错

答案解析:

三列布局方式是两列布局的演变，只是将主体内容模块分成了左、中、右三部分。

101、

系统提供

网页的“排版”主要是通过CSS布局来实现的。（）

修改

参考答案:

对

答案解析:

在网页中，要想使页面结构清晰、有条理，也需要对网页进行“排版”。网页的“排版”主要是通过CSS布局来实现的。

102、

系统提供

在IE6中，当浮动元素之间加入HTML注释时，可能会出现多余字符问题，针对此Bug，解决方法是添加HTML注释。（）

修改

参考答案:

错

答案解析:

103、

系统提供

在IE6中，当非浮动元素跟在浮动元素之后时，两者之间会有间距。但是在火狐浏览器中，不会出现这种兼容性问题。

修改

参考答案:

对

答案解析:

104、

系统提供

三列布局是两列布局的演变，只是将主体内容分成了左、中、右三部分。（）

修改

参考答案:

对

答案解析:

三列布局和两列布局类似，只是将主体内容分成了左、中、右三部分。

105、

系统提供

在IE6中，当浮动元素之间加入HTML注释时，可能会出现多余字符问题，针对此Bug，解决方法是添加“position:absolute;”样式。（）

修改

参考答案:

错

答案解析:

106、

系统提供

IE6下图像底部会出现像素间隙，解决方法是为<img />标记定义 “display:block;”样式。

修改

参考答案:

对

答案解析:

在IE6中，当一张图片插入到与其大小相同的盒子中时，图片底部会多出3像素的间隙，解决办法有两种：
（1）将<img>标记与</div>标记放在同一行；
（2）为<img />定义“display:block;”样式；

107、

系统提供

常见透明图片的格式有png、gif、jpg等。（）

修改

参考答案:

错

答案解析:

jpg格式的图片不支持透明。

108、

系统提供

IE条件注释语句只对IE5 及以上版本的IE浏览器生效。（）

修改

参考答案:

对

答案解析:

“IE条件注释语句”是微软官方专门为IE浏览器提供的，只对IE5 及以上版本的IE浏览器生效。

109、

系统提供

IE6浏览器不支持透明图片，针对这种兼容性问题，可以借助微软提供的js文件来解决。（）

修改

参考答案:

对

答案解析:

为了美化页面，常常需要使用一些透明的图片。IE6浏览器不支持透明图片，针对这种兼容性问题，微软提供的js文件可以解决。

110、

系统提供

IE条件注释语句“”只对IE浏览器起作用。（）

修改

参考答案:

对

答案解析:

该条件注释语句用于判断浏览器类型是否为IE浏览器，其基本语法格式如下：

111、

系统提供

“单列布局”是网页布局的基础，所有复杂的布局都是在此基础上演变而来的。（）

修改

参考答案:

对

答案解析:

“单列布局”是网页布局的基础，所有复杂的布局都是在此基础上演变而来的。

112、

系统提供

对于一些大型网站，特别是电子商务类网站，由于内容分类较多，通常需要采用“三列布局”的页面布局方式。（）

修改

参考答案:

对

答案解析:

一些大型网站，特别是电子商务类网站，由于内容分类较多,一般采用“三列布局”的页面布局方式。

113、

系统提供

IE 条件注释语句只对IE7 及以上版本的IE浏览器生效。（）

修改

参考答案:

错

答案解析:

“IE条件注释语句”是微软官方专门为IE浏览器提供的，只对IE5 及以上版本的IE浏览器生效。

114、

系统提供

在IE6中，当非浮动元素跟在浮动元素之后时，两者之间会多出3px的间距，针对此Bug，可以添加负margin解决。（）

修改

参考答案:

对

答案解析:

115、

系统提供

使用了!important命令的CSS样式具有较高的优先级。（）

修改

参考答案:

对

答案解析:

!important用于提升优先级。

116、

系统提供

通栏布局的关键在于在相应模块的外面添加一层div，并且将外层div的宽度设置为100%。（）

修改

参考答案:

对

答案解析:

为了网站的美观，网页中的一些模块，例如，头部、导航、焦点图或页面底部等经常需要通栏显示。通栏布局的关键在于在相应模块的外面添加一层div，并且将外层div的宽度设置为100%。

117、

系统提供

网页模块的命名非常重要，命名时可以以数字开头（例如id="1nav"）。（）

修改

参考答案:

错

答案解析:

命名规范非常重要，需要引起足够重视。通常网页模块的命名不能以数字开头命名（例如id="1nav"）。

118、

系统提供

“两列布局”是在“一列布局”的基础上演变而来的，只是将网页主体内容分为了左右两部分。（）

修改

参考答案:

对

答案解析:

“两列布局”是把网页内容被分为了左右两部分，通过这样的分割，打破了统一布局的呆板，让页面看起来更加活跃。

119、

系统提供

IE6和Firefox浏览器对于PNG图片的支持都不是很理想。（）

修改

参考答案:

错

答案解析:

IE6对于PNG图片的支持不是很理想，Firefox对PNG的支持还是比较友好。

120、

系统提供

网页模块的命名规范非常重要，最好用最少的字母达到最容易理解的意思。（）

修改

参考答案:

对

答案解析:

网页模块的命名，最好用最少的字母达到最容易理解的意义。

121、

系统提供

当盒子中的内容超过了盒子的宽高时，在IE6浏览器下内容会溢出，但是在标准浏览器中盒子会自适应内容的大小。（）

修改

参考答案:

错

答案解析:

当盒子中的内容超过了盒子的宽高时，在标准浏览器下内容会溢出，但是在IE6中盒子会自适应内容的大小。

122、

系统提供

针对IE6无法识别19px以下的高度Bug，解决方法是给盒子指定“font-size:0;”样式。（）

修改

参考答案:

对

答案解析:

123、

系统提供

在“驼峰式命名”中，所有单词的首字母都要大写。（）

修改

参考答案:

错

答案解析:

所谓“驼峰式命名”是指除了第一个单词外后面单词的首写字母都要大写。

124、

系统提供

在IE6中，当浮动元素之间加入HTML注释时，可能会出现多余字符问题，针对此Bug，可以不设置浮动div的宽度。（）

修改

参考答案:

对

答案解析:

125、

系统提供

在使用CSS Hack时，一定要按照浏览器版本从低往高的顺序书写样式。（）

修改

参考答案:

错

答案解析:

在使用CSS Hack时，一定要按照浏览器版本从低往高的顺序书写样式。

126、

系统提供

在网页设计中，将模块设置为【】布局时，无论页面放大或缩小，该模块都将横铺于浏览器窗口中。

修改

参考答案:

["通栏"]

答案解析:

无

127、

系统提供

为了解决IE6双倍边距问题，通常在CSS中添加】【】代码。

修改

参考答案:

["_display:inline;"]

答案解析:

128、

系统提供

针对IE6无法识别19px以下的高度Bug，解决方法是给盒子指定【】样式。

修改

参考答案:

["overflow:hidden;（或font-size:0;）"]

答案解析:

IE6浏览器有默认的最小像素高度的限制，无法识别19px以下的高度值。其解决方法有两种：
（1）给该盒子指定“overflow:hidden;”样式；
（2）给该盒子指定“font-size:0;”样式；

129、

系统提供

在网页布局中，网页中主体内容所在的区域通常被称为【】。

修改

参考答案:

["版心"]

答案解析:

说到布局就不得不提到“版心”，因为网页中的大部分布局都需要在“版心”内完成，所谓“版心”是指网页中主体内容所在的区域。

130、

系统提供

在网页中，常用的命名方式有“【】”和“帕斯卡命名”两种。

修改

参考答案:

["驼峰式命名"]

答案解析:

在网页中，常用的命名方式有“驼峰式命名”和“帕斯卡命名”两种。

131、

系统提供

在CSS属性Hack中，为了兼容IE6浏览器，通常在属性前加【】前缀。

修改

参考答案:

["“_”"]

答案解析:

CSS属性Hack是指在CSS属性名的前面，加上一些只有特定浏览器才能识别的Hack前缀，例如“_color:red;”中的Hack前缀“_”就只对IE6生效。

132、

系统提供

“!important”用于提升【】，即浏览器会优先执行带“!important”的属性。

修改

参考答案:

["优先级"]

答案解析:

!important用于提升优先级，即使用了!important命令的CSS样式具有较高的优先级。

133、

系统提供

下面是一段关于通栏布局的CSS样式代码，请根据注释中的要求填写缺失的代码。
#topbar{
    ________________ /*此盒子为nav导航栏盒子的父盒子,需要设置通栏显示*/
    height:30px;
    margin:5px auto;
    background-color:#CCC;
}

修改

参考答案:

width:100%;

答案解析:

通栏布局的关键在于在相应模块的外面添加一层div，并且将外层div的宽度设置为100%。

134、

系统提供

请阅读以下代码，并根据注释中的要求填写代码：
1   <head>
2   <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
3   <meta name="keywords" content="关键字1,关键字2" />
4   <meta name="description" content="网页的描述" />
5   <title>IE6双边距bug</title>
6   <style type="text/css">
7   ul, li {
8       margin: 0;
9       padding: 0;
10       list-style: none;
11   }
12   ul {
13       width: 660px;
14       height: 30px;
15       background: #CCC;
16   }
17   li {
18       width: 100px;
19       height: 30px;
20       line-height: 30px;
21       margin-right: 10px;
22       background: #66ff99;
23       ____________________    /* 设置列表项左浮动 */
24       text-align: center;
25       ____________________    /* 解决IE6中的双倍边距Bug问题 */
26   }
27   </style>
28   </head>
29   <body>
30   <ul>
31      <li>首页</li>
32      <li>关于我们</li>
33      <li>课程咨询</li>
34      <li>课程介绍</li>
35      <li>答疑社区</li>
36      <li>联系方式</li>
37   </ul>
38   </body>

修改

参考答案:

float: left;
_display: inline;

答案解析:

当对浮动的元素应用左外边距或右外边距（margin-left或margin-right）时，在IE6浏览器中，元素对应的左外边距或右外边距将是所设置值的两倍，这就是网页制作中经常出现的IE6双倍边距问题。
针对IE6双倍边距问题，可以通过为浮动块元素定义“display:inline;”样式来解决，即在box01的CSS样式中增加如下代码：
_display:inline; /*解决IE6双倍边距*/

135、

系统提供

请简要描述一下你对通栏布局的理解。

修改

参考答案:

本题主要考察对通栏布局的理解。

答案解析:

1、为了网站的美观，网页中的一些模块，例如，头部、导航、焦点图或页面底部等经常需要通栏显示。
2、将模块设置为通栏后，无论页面放大或缩小，该模块都将横铺于浏览器窗口中。
3、通栏布局的关键在于在相应模块的外面添加一层div，并且将外层div的宽度设置为100%。

136、

系统提供

请阅读下面的程序，根据注释中的要求填写代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>不同浏览器下的间距BUG</title>
<style type="text/css">
div{
   float:left;
   width:150px;
   height:100px;
   border:1px solid #000;
   background:#FC3;
    _________________________;      /*解决IE6中3像素的间距bug*/
}
</style>
</head>
<body>
<div>左浮动的盒子</div>
这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。这是一段很长的文本。
</body>

修改

参考答案:

_margin-right:-3px;

答案解析:

运用负外边距的方法解决IE6中3像素间距bug。

137、

系统提供

请阅读以下代码，并根据注释中的要求填写代码：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS属性hack</title>
<style type="text/css">
.hack{
       width:100px;
       height:100px;
       background-color:red;
       _____________________             /* IE6, IE7 的背景颜色为黑色*/
       _____________________             /* IE6中的文本居中 */
      }
</style>
</head>
<body>
<div class="hack"></div>
</body>

修改

参考答案:

*background-color:black;
_text-align:center;

答案解析:

选择器Hack定义的样式“*background-color:black;”对IE7及IE7以下版本的浏览器生效;
选择器Hack定义的样式“_text-align:center;”对IE6及IE6以下版本的浏览器生效。

138、

系统提供

请阅读下面的程序，根据注释中的要求填写代码。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6中元素最小高度bug</title>
<style type="text/css">
div{width:500px; height:3px; background-color:red;
______________________________ /* 解决IE6中元素最小高度bug */}
</style>
</head>
<body>
<div></div>
</body>

修改

参考答案:

overflow:hidden;（或font-size:0;）

答案解析:

IE6浏览器有默认的最小像素高度的限制，其解决方法有两种：
（1）给该盒子指定“overflow:hidden;”样式；
（2）给该盒子指定“font-size:0;”样式。

139、

系统提供

阅读下面的程序，并根据注释中的要求填写代码。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6图片间隙bug</title>
<style type="text/css">
div{width:250px; height:120px; background-color:#CCC;
______________________________ /* 解决IE6下图片间隙bug */}
</style>
</head>
<body>
<div>
<img src="images/logo.gif" />
</div>
</body>

修改

参考答案:

img{ display:block; }

答案解析:

140、

系统提供

请描述“!important”的作用。

修改

参考答案:

!important用于提升优先级，即使用了!important命令的CSS样式具有较高的优先级，浏览器会优先执行!important样式。

答案解析:

无

141、

系统提供

在IE6中，当浮动元素之间加入HTML注释时，会产生多余字符，针对此Bug，解决方法有哪些？

修改

参考答案:

针对IE6的多余字符Bug，有三种解决办法，具体如下：
（1）去掉HTML注释。
（2）不设置浮动div的宽度。
（3）在产生多余字符的那个元素的CSS样式中添加“position:relative;”样式。

答案解析:

考察IE6显示多余字符的解决方法。

142、

系统提供

IE6双倍边距问题是怎样产生的？解决方法是什么？

修改

参考答案:

答案解析:

无

pitytheriver

关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
【网页设计】期末复习（八）

1、系统提供当对浮动的元素应用左外边距或右外边距时，在IE6浏览器中，元素对应的左外边距或右外边距将是所设置值的（）。修改参考答案:B答案解析:当对浮动的元素应用左外边距或右外边距时，在IE6浏览器中，元素对应的左外边距或右外边距将是所设置值的两倍，这就是常见的“IE6双倍边距问题”。2、系统提供下列代码样式中，可以设置盒子在浏览器中水平居中，且上下外边距均为5px的是（）。修改参考答案:A答案解析:无3、系统提供当对应用了左外边距或右外边距的元素设置（）属性时，在IE6浏览器中会
复制链接

扫一扫