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

1、

系统提供

下列选项中，可以使特殊形状的背景自适应元素文本内容多少的是（   ）。

修改

• CSS响应式技术
• CSS精灵技术
• CSS滑动门技术
• CSS压线技术

参考答案:

C

答案解析:

为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。它从新的角度构建页面，使各种特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容，可用性更强。

2、

系统提供

负margin在IE6中会出现Bug，下列选项中可解决这一Bug的是（  ）。

修改

• position:static
• position:fixed
• position:absolute
• position:relative

参考答案:

D

答案解析:

对子元素应用负margin时，在IE6中，子元素超出的部分将被父元素遮盖，解决办法是将子元素的定位属性position设置为相对relative。

3、

系统提供

页面中的<div>标记，其HTML代码如下：
 1    <div class="big">
 2        <div class="small"></div>
 3    </div>
对应的CSS样式代码如下：
 1    .big{
 2        width:100px;
 3        height:100px;
 4        border:5px solid #333;
 5        background-color:#CCC;
 6    }
 7    .small{
 8        width:30px;
 9        height:30px;
 10        background-color:#FF0;
 11        margin-top:30px;
 12        margin-left:-5px;           /*将子元素的左内边距设置为-5px*/
 13    }  
要使所有浏览器都出现子元素压住父元素的效果，需要添加下列哪一样式（   ）。

修改

• .big{ position:relative;}
• .big{ position:absolute;}
• .small{ position:relative;}
• .small{ position:absolute;}

参考答案:

C

答案解析:

对子元素应用负margin时，在IE6中，子元素超出的部分将被父元素遮盖，解决办法是将子元素的定位属性position设置为相对relative。

4、

系统提供

下列关于CSS滑动门技术的说法正确的是（    ）
 

修改

• 滑动门技术可以使特殊形状的背景自适应元素文本内容的多少
• 使用滑动门技术时，每个小图都需要一个单独的HTML标记来定义
• 滑动门技术的关键在于图片拼接
• 以上说法均正确

参考答案:

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

答案解析:

考察对CSS滑动门技术的理解

5、

系统提供

“position: absolute;”样式可以解决负margin在IE6下的Bug。（   ）

修改

• 对
• 错

参考答案:

错

答案解析:

对子元素应用负margin时，在大部分浏览器中，都会产生子元素压住父元素的效果，但是，在IE6中，子元素超出的部分将被父元素遮盖。解决办法是将子元素的定位属性position设置为相对relative。 

6、

系统提供

为了使各种特殊形状的背景自适应元素文本内容的多少，可以使用CSS响应式技术。（   ）

修改

• 对
• 错

参考答案:

错

答案解析:

为了使各种特殊形状的背景能够自适应元素中文本内容的多少，可以使用CSS滑动门技术。

7、

系统提供

当对子元素应用负margin时，子元素通常会压住父元素的一部分。（   ）

修改

• 对
• 错

参考答案:

对

答案解析:

网页制作时，对于父子关系的盒子，当对子元素应用负margin时，子元素通常会压住父元素的一部分。

8、

系统提供

为了实现一些特殊的效果，可以将元素的margin设置为负值。（   ）

修改

• 对
• 错

参考答案:

对

答案解析:

制作网页时，为了拉开元素之间的距离，常常给元素设置大于0的外边距margin。在实际工作中，为了实现一些特殊的效果，可以将元素的margin设置为负值。

9、

系统提供

使用负margin可以产生两个盒子重叠的特殊效果。（   ）

修改

• 对
• 错

参考答案:

对

答案解析:

对同级元素应用负margin时，会出现元素重叠的特殊效果。

10、

系统提供

元素的外边距margin不可以设置为负值。（   ）

修改

• 对
• 错

参考答案:

错

答案解析:

制作网页时，为了拉开元素之间的距离，常常给元素设置大于0的外边距margin。其实，在实际工作中，为了实现一些特殊的效果，例如元素的重叠效果，经常需要将元素的margin设置为负值。

11、

系统提供

使用CSS精灵技术，可以使各种特殊形状的背景自适应元素文本内容的多少。（    ）

修改

• 对
• 错

参考答案:

错

答案解析:

为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。

12、

系统提供

背景图像具有可层叠性，并允许它们在彼此之上进行滑动，以创造一些特殊的效果。（    ）

修改

• 对
• 错

参考答案:

对

答案解析:

背景图像具有可层叠性，并允许它们在彼此之上进行滑动，以创造一些特殊的效果，这些特殊的自适应效果，可以使用CSS滑动门技术。

13、

系统提供

滑动门技术使特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容。（    ）

修改

• 对
• 错

参考答案:

对

答案解析:

为了使各种特殊形状的背景能够自适应元素中文本内容的多少，出现了CSS滑动门技术。它从新的角度构建页面，使各种特殊形状的背景能够自由拉伸滑动，以适应元素内部的文本内容，可用性更强。

14、

系统提供

滑动门技术的关键在于图片拼接。（    ）

修改

• 对
• 错

参考答案:

对

答案解析:

滑动门技术的关键在于图片拼接，它将一个不规则的大图切为几个小图，每一个小图都需要一个单独的HTML标记来定义。

15、

系统提供

对子元素应用负margin时，在所有浏览器中（包括IE6），都会产生子元素压住父元素的效果。（   ）

修改

• 对
• 错

参考答案:

错

答案解析:

对子元素应用负margin时，在大部分浏览器中，都会产生子元素压住父元素的效果，但是，在IE6中，子元素超出的部分将被父元素遮盖。  

16、

系统提供

滑动门技术的关键在于【】，他将一个不规则的大图切为几个小图，每一个小图都需要一个单独的HTML标记来定义。  

修改

参考答案:

["图片拼接"]

答案解析:

滑动门技术的关键在于图片拼接，它将一个不规则的大图切为几个小图，每一个小图都需要一个单独的HTML标记来定义。

17、

系统提供

请简要概括CSS滑动门技术的工作原理。

修改

参考答案:

滑动门技术的关键在于图片拼接，它将一个不规则的大图切为几个小图。完成切图工作之后，就需要用HTML标记来拼接这些图像，一般定义3个盒子，将所得的3张小图分别作为盒子的背景。其中左右两个盒子的大小固定，用于定义左右侧特殊形状的背景，中间的盒子不指定宽度和高度，靠文本内容撑开盒子，同时，将中间的小图平铺作为盒子的背景。

答案解析:

考察CSS滑动门技术的工作原理