admin 管理员组文章数量: 1086019
2024年2月3日发(作者：web服务是基本服务吗)
博学谷——让IT教学更简单，让IT学习更有效
网页平面第四章盒子模型样题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、 background-repeat: repeat-x;
7、 下列选项中，属于边框属性样式的是（）
A、solidB、dashedC、dotted D、none
8、 将一个盒子的上边框定义为1像素、蓝色、单实线，下列代码正确的是（）。
A、border-top：1px solid #00f;
B、border：1px solid #00f;
博学谷——让IT教学更简单，让IT学习更有效
C、border-top：1px dashed #00f;
D、border：1px dashed #00f;
9、 关于元素显示模式的转换，下列说法正确的是（）。
A、 将块元素转换为行内元素的方法是使用display:inline; 样式
B、 将行内元素转换为块元素的方法是使用display:inline; 样式
C、 两者不可以转换
D、 两者可以随意转换
10、 下列选项中，关于display:none;样式说法正确的是（）
A、 显示元素对象
B、 隐藏元素对象
C、 占用页面空间
D、 不占用页面空间
四、代码分析题（每题5分，共10分）
1、在下面的程序中，第一个div和第二个div之间的垂直间距是_______px。
2、请阅读下面的程序，根据注释中的要求填写代码。
body{
background-color:#CCC;
background-image:url(img/);
__________________________ /*设置背景图像沿水平方向平铺*/
}
五、简答题（每题5分，共10分）
1、 符合CSS规范的盒子模型的总宽度和总高度的计算原则是什么？
2、 一个盒子的高度和宽度均为300像素，左内边距为30像素，同时盒子有3像素的边框，请问，这个盒子总的宽度是多少？
六、上机实训（每题10分，共30分）
1、 已知每个小盒子总宽度80px，总高度30px，仔细观察下图，运用所学知识做一个与之类似的导航栏，并用火狐浏览器测试：
博学谷——让IT教学更简单，让IT学习更有效
2、 已知大盒子总宽度330px，总高度210px，边框2像素，仔细观察下图，结合素材运用所学知识做一个与之类似的产品图，并用火狐浏览器测试：
3、运用行内元素定义一个盒子，具体要求如下：
1）总宽度200px，总高度150px。
2）上边框宽度5像素，左、右、下边框2像素，上边框显示红色点状虚线，左右边框显示绿色双线，下边框显示黑色块状虚线。
3）内边距20px，上下外边距20px，整体水平居中显示。
4）背景为任意灰色。
版权声明：本文标题：网页平面第四章盒子模型样题A卷 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1706956485a506945.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论