《盒子模型》试题
一、单选题
1. 关于盒子模型中的宽度和高度属性，下面说法正确的是（  ）。       
A、盒子模型中的宽度和高度属性适用于所有元素       
B、盒子模型中的宽度和高度属性仅适用于行内元素       
C、盒子模型中的宽度和高度属性仅适用于块级元素        D、以上说法都正确       
2. 关于样式代码“.box{width:200px; padding:15px; margin:20px;}”下列说法正确的是（  ）。
A、.box的总宽度为200px        B、.box的总宽度为 270px       
C、.box的总宽度为 235px        D、以上说法均错误       
3. 一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（  ）       
A、333px        B、366px        C、336px        D、363px       
4. 在下列选项中，background-position属性值书写正确的是（    ）。       
A、p{ background-position:left top; }        B、p{ background-position:left 10; }       
C、p{ background-position:10 top ;}            D、p{ background-position:top 10 ;}       
5. 下列选项中，用于改变盒子模型外边距的是（    ）。       
A、margin        B、padding        C、type        D、border       
6. 下列样式代码中，用于定义盒子上边框为1像素、蓝、单实线的是（    ）。       
A、border-top:1px solid blue;            B、border:1px solid blue;       
C、border-top:1px dashed blue;        D、border:1px dashed blue;       
7. 下列选项中，用于更改元素左内边距的是（    ）。       
A、text-indent        B、padding-left        C、margin-left        D、padding-right       
二、多选题
1. 下列选项中，可用于更改元素左外边距的是（    ）。   
A、text-indent        B、margin-left        C、margin        D、padding-right   
2. 下列样式代码中，可用于设置背景图像平铺方式的是（    ）。       
A、background-repeat:no-repeat;        B、background-attachment:fixed;       
C、background-attachment:scroll;        D、background-repeat: repeat-x;       
3. 下列选项中，属于复合属性的是。（  ）       
A、font            B、background        C、border        D、list-style       
4. 下列选项中，属于边框样式常用属性值的是（  ）。       
A、solid            B、dashed            C、dotted        D、none       
5. 下列选项中，可用于定义背景颜的是（    ）。       
A、background-color:red;                B、background-color:#f00;       
C、background-color:rgb(255,0,0);        D、color:#f00;       
6. 关于内边距属性padding，下列说法正确的是（    ）。       
A、padding属性是复合属性        B、必须按顺时针顺序采用值复制原则定义4个方向的内边距
C、其取值可为1到4个值        D、padding的取值不能为负       
7. 下列关于<div>标记的描述正确的是（    ）。       
A、<div>中还可以嵌套多层<div>。       
B、<div>与</div>之间相当于一个容器，可以容纳段落、标题、图像等各种网页元素。       
C、所有的HTML标记都可以嵌套在<div>中。        D、<div> 可定义文档中的分区或节。   
8. 在盒子模型中边框是一个重要的属性，下列选项中属于边框属性的是（    ）。       
A、border-style        B、border-height        C、border-width        D、border-color       
9. 盒子模型有多个属性，其中元素内容与边框之间的距离通常被称为（    ）。       
A、内边距            B、内填充            C、外边距            D、外填充       
10. 下列样式代码中，用于定义盒子上边框为2像素、单实线、灰的是（    ）。       
borderbox
A、border-top:2px solid #CCC;        B、border-top:2px dashed #CCC;       
C、border:2px solid #CCC;        D、border-top-style:solid; border-top-width:2px; border-top-color:#CCC;   
11. 在下列标记中，可以写在<div>与</div>之间的是（    ）。       
A、<strong>        B、<h>                C、<p>                D、<a>       
12. 下面选项中，属于盒子模型基本属性的是（    ）。       
A、内边距            B、边框                C、外边距            D、宽和高   
13. 下面选项中，属于盒子模型主要属性的是（    ）。       
A、padding            B、margin            C、type                D、border       
14. 下列选项中，哪些方法可以用来设置背景颜（    ）。       
A、使用预定义的颜值            B、background-image       
C、十六进制#RRGGBB            D、RGB代码rgb(r,g,b)       
15. 在CSS中，提供了背景图像属性用来设置背景。在下列选项中，设置背景图片格式正确的是（    ）。
A、body{ background: url(1.png);}            B、body{ background-image: url(1.png);}       
C、body{ background-color: url(1.png);}        D、body{ background-repeat: url(1.png);}       
三、判断题（对的打“√”，错的打“×”）
1. 背景复合属性中，bckground-clip属性和background-origin属性的属性值都一样，它们没什么区别可以交互使用。（  ）
2. 在线性渐变过程中，渐变角度指水平线和渐变线之间的夹角。（  ）
3. 在设置边框宽度和边框颜时，必须同时设置边框样式。（  ）
4. CSS3中的box-shadow属性的水平阴影位置可以为负值。（  ）       
5. CSS3中的box-shadow属性的阴影扩展半径可以为负值。（  ）
6. 在线性渐变过程中，起始颜会沿着一条直线按顺序过渡到结束颜。（  ）
7. opacity属性用于定义元素的不透明度，参数opacityValue表示不透明度的值，它是一个介于0~1之间的浮点数值。（    ）
8. 在线性渐变过程中，颜值用于设置渐变颜，其中“颜值1”表示起始颜，“颜值n”
表示结束颜，起始颜和结束颜之间可以添加多个颜值，各颜值之间用“、”隔开。（  ）
9. 在CSS样式中，background-clip属性用于定义背景图像的裁剪区域。（    ）
10. 内边距出现在盒子模型内容区域的周围。（  ）
11. CSS3中的box-shadow属性的参数值是可以省略的。（  ）
12. CSS3中的box-sizing属性的取值为border-box时border和padding的参数值被包含在width和height之内。（    ）
13. <div>标记是一个区块容器标记，可以将网页分割为独立的、不同的部分，以实现网页的规划和布局。（  ）
14. <div> 是一个块级元素。（  ）
15. CSS3中的box-shadow属性不设置“阴影类型”参数时默认为“内阴影”。（  ）
16. CSS3中定义多背景图片时各个属性值之间用逗号隔开。（  ）
17. 默认情况下子元素会继承父元素的背景。（    ）
18. CSS背景复合属性中，既可以定义背景图片，也可以定义背景颜。（  ）
19. 外边距指的是元素边框与相邻元素之间的距离。（    ）
20. <div>中还可以嵌套多层<div>。（    ）。
21. 在CSS中border属性是一个复合属性。（  ）
22. background-origin 属性中的padding-box属性值用于定义背景图像相对于内边距区域来定位。（    ）
23. CSS中背景属性是一个复合属性，可以将背景相关的样式都综合定义在一个复合属性background中。（  ）
24. 一个div的高度为200px，内边距为10px，边框为1px，那么它的总高度尺寸为222px。（ ）
25. CSS3中增强了背景图像的功能，允许一个容器里显示多个背景图像。（  ）
26. 网页是多个盒子模型嵌套排列的结果。（  ）
27. CSS背景复合属性中，各个属性间用逗号隔开。（    ）
28. <div>标记非常强大，通过与id、class等属性配合设置CSS样式，可以替代大多数的块级文本标记。（    ）。
29. CSS3中的box-shadow属性设置“inset”参数值后，阴影类型变为内阴影。（  ）
30. CSS背景复合属性中，各个样式顺序任意，对于不需要的样式可以省略。（  ）
31. background-attachment属性有两个属性值，分别为scroll和fixed。（ ）
32. RGBA是CSS3新增的颜模式，它是RGB颜模式的延伸，该模式是在红、绿、蓝三原的基础上添加了不透明度参数。（    ）
33. 在径向渐变过程中，起始颜会从一个中心点开始，依据椭圆或圆形形状进行扩张渐变。（  ）
34. 在HTML中，盒子模型的总高度等于“height+padding+margin”的尺寸总和。（ ）
35. CSS3中定义多重背景图像时，background-position属性可用于定义图像的位置。（  ）
36. 在CSS3中，background-size属性用于控制背景图像的大小。（    ）
37. CSS3中为实现多背景图片提供了对应的属性。（  ）
38. 默认情况下，背景图像会自动向水平和竖直两个方向平铺。（    ）
39. 宽度属性width和高度属性height对块元素无效。（    ）
四、填空题
1. 重复渐变包括【    】和重复径向渐变。
2. 在CSS中，提供了背景图像属性用来设置背景。其中设置背景图像位置的属性为【    】。   
3. CSS3中的【    】属性可以轻松实现阴影的添加。   
4. 在线性渐变过程中，使用角度设定渐变起点的时候，【    】对应“to top”，90deg对应“to right”。

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