网页平面第四章盒子模型样题A卷
一、填空题（每题2分，共10分）
1、在CSS中，用于设置边框颜的是________属性。
2、用于调整元素内容与边框之间的距离的是________属性。
3、在CSS中，用于设置上外边距的是________属性。
4、元素主要分为行内元素和块元素，使用________属性可以转换元素的类型。
5、在CSS中，将图像作为网页元素的背景，可以通过________属性实现。
二、判断题（每题2分，共20分）
1、行内元素不能设置背景。（）
2、使用display:none；虽然可以隐藏元素，但是这时元素仍然会占用页面空间。（）
3、border:1px solid #F00；和border: solid #F001px；实现的效果是完全一样的。（）
4、将元素转换为行内块元素的CSS代码为display:inline;。（）
5、border-style:dashed；样式可以将元素的边框设置为实线。（）
6、对一个宽度固定的块级元素应用margin:0 auto；样式，可使其水平居中。（）
7、在CSS中border属性可用于改变元素的内边距。（）
8、背景图像的位置是可以调整的，但是只可以用使用预定义的关键字，比如：left，top
等。（）
9、在CSS中background-images属性用于定义背景图像。（）
10、将span转换为行内块元素的方法是对其应用display:inline-block；样式。（）
三、选择题（每小题2分，共20分）
1、下面选项中，可以改变盒子模型外边距的是（）
A、padding
B、margin
C、type
D、border
2、如何改变元素的左外边距？（）
A、text-indent
B、margin-left
C、margin
D、margin-right
3、元素内容与边框之间的距离，常常称为（）
A、内边距
B、内填充
C、外边距
D、外填充
4、下列选项中，可以为元素清除默认内外边距的是（）
A、font-size：0；
B、line-height：0
C、padding：0；
D、margin：0
5、下列选项用于正确定义背景颜的是（）
A、background-color:red;
B、background-color:#f00;
C、background-color:rgb(255,0,0);
D、color:#f00;
6、下列选项中，可以设置背景图像平铺方式的是（）
A、background-repeat:no-repeat;
B、background-attachment:fixed;
C、background-attachment:scroll;
D、b ackground-repeat: repeat-x;
7、下列选项中，属于边框属性样式的是（）
A、solid
B、dashed
C、dotted
D、none
8、将一个盒子的上边框定义为1像素、蓝、单实线，下列代码正确的是（）。
A、border-top：1px solid #00f;
B、border：1px solid #00f;
C、border-top：1px dashed #00f;
D、border：1px dashed #00f;
9、关于元素显示模式的转换，下列说法正确的是（）。
A、将块元素转换为行内元素的方法是使用display:inline; 样式
B、将行内元素转换为块元素的方法是使用display:inline; 样式
div border属性C、两者不可以转换
D、两者可以随意转换
10、下列选项中，关于display:none；样式说法正确的是（）
A、显示元素对象
B、隐藏元素对象
C、占用页面空间
D、不占用页面空间
四、代码分析题（每题5分，共10分）
1、在下面的程序中，第一个div和第二个div之间的垂直间距是_______px。
<style type="text/css">
div{
width:200px;
height:60px;
background:red;
}
.one{ margin-bottom:20px;}
.two{ margin-top:40px;}
</style>
</head>
<body>
<div class="one">第一个div</div>
<div class="two">第二个div</div>
</body>
2、请阅读下面的程序，根据注释中的要求填写代码。
body{
background-color:#CCC;
background-image:url(img/jianbian.jpg);
__________________________  /*设置背景图像沿水平方向平铺*/
}
五、简答题（每题5分，共10分）
1、符合CSS规范的盒子模型的总宽度和总高度的计算原则是什么？
2、一个盒子的高度和宽度均为300像素，左内边距为30像素，同时盒子有3像素的
边框，请问，这个盒子总的宽度是多少？
六、上机实训（每题10分，共30分）
1、已知每个小盒子总宽度80px，总高度30px，仔细观察下图，运用所学知识做一个与之
类似的导航栏，并用火狐浏览器测试：
2、已知大盒子总宽度330px，总高度210px，边框2像素，仔细观察下图，结合素材运用
所学知识做一个与之类似的产品图，并用火狐浏览器测试：
3、运用行内元素定义一个盒子，具体要求如下：
1）总宽度200px，总高度150px。
2）上边框宽度5像素，左、右、下边框2像素，上边框显示红点状虚线，左右边框显示绿双线，下
边框显示黑块状虚线。
3）内边距20px，上下外边距20px，整体水平居中显示。
4）背景为任意灰。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。