盒模型属性测验题

盒模型属性测验题

盒模型属性测验题

1【单选题】

如何改变元素的左外边距:

A、text-indent

B、margin-left

C、margin

D、margin-right

2【单选题】

下列选项中,用于更改元素左内边距的是()。

A、text-indent

B、padding-left

C、margin-left

D、padding-right

3【单选题】

下列选项中,用于改变盒子模型外边距的是()。

A、margin

B、padding

C、type

D、border

4【单选题】

下列选项中,可清除元素默认外边距的是()。

A、font-size:0;

B、line-height:0;

C、padding:0;

D、margin:0;


5【单选题】有关盒子模型说法不正确的是:

A、所有的页面的元素都可以看成是一个盒子,占据一定的页面空间。

B、body标签它是浏览器中最顶层的元素,所以所有盒子模型相关的属性不适用于body标签。

C、我们可以调整盒子的边框和距离,来调整盒子(页面和页面中的元素)的位置

D、盒子模型是由内容(content)、边框(border)、内间距(padding,盒子边框与内容之间的填充距离)、外边距(margin,与其他盒子之间的距离)4个属性组成

6【单选题】下列关于盒子相关尺寸说法错误的是:

A、页面的宽度和高度是自适应整个浏览器的宽度和高度的。

B、盒子实际宽度(高度)=内容(content)+边框(border)+间隙(padding)+间隔(margin)。

C、总元素的宽度=宽度+左填充+右填充+左边框+右边框+左边距+右边距

D、总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距

7【单选题】

将一个盒子的上边框定义为1像素、蓝色、单实线,下列代码正确的是:

A、border-top:1px solid #00f;

B、border:1px solid #00f;

C、border-top:1px dashed #00f;

D、border:1px dashed #00f;

8【单选题】

下面选项中,可以改变盒子模型外边距的是:

A、padding

B、margin

C、type

D、border

9【多选题】

下列选项中,可以为元素清除默认内外边距的是:

A、font-size:0

B、line-height:0

C、padding:0

D、margin:0

10【多选题】

关于样式代码“padding:20px 30px 10px;”,下列说法正确的是()。

A、该元素上下方向的内边距均为20px

B、该元素的上内边距为20px,左右内边距为30px,下内边距为10px

C、该样式等价于“padding:20px 30px 10px 30px;”

D、以上说法均正确

11【多选题】

关于内边距属性padding的描述,下列说法正确的是()。

A、padding属性是复合属性

B、必须按顺时针顺序采用值复制原则定义4个方向的内边距

C、其取值可为1到4个值

D、padding的取值不能为负

12【多选题】

盒子模型有多个属性,其中元素内容与边框之间的距离通常被称为()。  

A、内边距

B、内填充

C、外边距

D、外填充

13【多选题】

盒子模型常用属性中,以下写法错误的是:

A、盒模型嵌套,简单来说就是div中嵌套div,所有属性都可以正常使用。可以通过对外层div设置vertical-align和line-height让内层div垂直居中。

B、在网页中同一行使用多个div,可以通过使用div的浮动属性设置就可以解决这一问题,只需要设置div的float属性为左浮动或右浮动

C、浮动其实也意味着容器的对齐方式,float:left表示容器靠左对齐;设置float:right则表示靠右对齐。

D、clear属性用于设置html组件的左,右是否允许出现“浮动”组件,如果该属性指定为left,则左边不允许出现“浮动”组件

盒模型属性测验题

14【填空题】

在CSS中,用于设置上外边距的是_____属性。

15【填空题】

在CSS中,用于设置左外边距的是________属性。


Top