智慧树知到答案 CSS基础最新答案

第三章 单元测试

1、单选题：
以下哪个选项是设置底边框的（    ）.

选项：
A:border-top
B:border-right
C:border-bottom
D:border-left
答案: 【】

2、单选题：
以下哪项是设置图片边框颜色的属性（    ）.

选项：
A:color
B:border-color
C:border-right
D:line-color
答案: 【 】

3、单选题：
以下哪项是设置图片大小的属性（   ）.

选项：
A:width
B:padding
C:length
D:size
答案: 【】

4、单选题：
以下哪项是设置图片右对齐的属性（     ）.

选项：
A:align-right:right
B:align:right
C:right:right
D:text-align:right
答案: 【】

5、单选题：
下列哪一项是正确设置图片半透明度的属性（    ）.

选项：
A:style=0.3;
B:opacity=0.3;
C:alpha:0.3
D:opacity:0.3;
答案: 【】

6、单选题：
下列哪一项是设置圆角图片的属性（    ）.

选项：
A:border-style
B:radius
C:border-radius
D:border-size
答案: 【】

7、多选题：
下列哪些是设置图片边框的属性（    ）.

选项：
A:border-size
B:border-style
C:border-width
D:border-color
答案: 【】

8、多选题：
下列哪些属性可以设置图片的大小（    ）.

选项：
A:height
B:width
C:pic-line
D:length
答案: 【】

9、多选题：
下列哪些属性可以设置图片的对齐方式（    ）.

选项：
A:length
B:vertical-align
C:text-align
D:align
答案: 【】

10、判断题：
CSS中没有设置图片边框样式的属性。

选项：
A:对
B:错
答案: 【】

第四章 单元测试

1、单选题：
将背景的绘制区域规定到内容框，应使用background-clip属性中的哪个属性值?

选项：
A:none-box
B:content-box
C:border-box
D:padding-box
答案: 【】

2、多选题：
以下哪些是background-size属性的值？
选项：
A:cover
B:length
C:contain
D:percentage
答案: 【】

3、多选题：
以下关于背景描述正确的是（    ）.

选项：
A:background
B:background-image
C:background-attachment
D:background-repeat
答案: 【】

4、单选题：
（    ）属性可以设置背景图片的平铺属性。

选项：
A:background-repeat
B:background-attachment
C:background-color
D:background-image
答案: 【】

5、多选题：
背景图片的属性设置包括（     ）.

选项：
A:background-attachment
B:background-image
C:background-repeat
D:background-position
答案: 【】

6、单选题：
在CSS语言中下列哪一项的适用对象是“所有对象”？（    ）

选项：
A:纵向排列
B:背景附件
C:文本缩进
D:文本排列
答案: 【】

7、单选题：
设置一个背景图像，默认是怎么显示在页面上的？（     ）

选项：
A:横向与纵向平铺
B:纵向平铺
C:不平铺
D:横向平铺
答案: 【】

8、多选题：
background-repeat属性有哪些值？（     ）

选项：
A:repeat-x
B:repeat-y
C:repeat
D:no-repeat
答案: 【】

9、多选题：
以下哪个语句可以正确的定义背景颜色？

选项：
A:background-color:transparent;
B:color:#FFFFFF;
C:background-color:red;
D:background:#FFF;
答案: 【】

10、判断题：
CSS使用background-accachment属性定义背景图像在浏览器窗口中的固定位置，它的取值可以为fixed、scroll、local。

选项：
A:错
B:对
答案: 【】

第五章 单元测试

1、单选题：
（    ）可以取消链接默认的下划线。

选项：
A:text-decoration:none;
B:list-style-type:decimal;
C:list-style-type:none;
D:list-style-type:disc;
答案: 【】

2、单选题：
实现发送到某个email链接的html代码是（    ）。

选项：
A:<mail>xxx@yyy</mail>
B:<mail href=”xxx@yyy”>
C:<a href=”xxx@yyy”>
D:<a href=”mailto:xxx@yyy”>
答案: 【】

3、单选题：
在CSS中，设置让超链接没有下划线的选项是（    ）。

选项：
A:a{decoration:no underline}
B:a{text-decoration:none}
C:a{underline:none}
D:a{text-decoration:no underline}
答案: 】

4、判断题：
超链接里面有target属性，当target=”_blank”时，表示单击链接时将打开一个新的网页。

选项：
A:错
B:对
答案: 【】

5、单选题：
关于块状元素说法正确的是（     ）。

选项：
A:块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包括div、h1-h6、p、ul。
B:默认情况下，块状元素都会占据一行，通俗的说，两个相邻块状元素不会出现并列显示的现象；默认情况下块状元素会按顺序自上而下排列。
C:块状元素都不可以定义自己的宽度和高度。
D:块状元素一般都作为其他元素的容器，它可以容纳其他内联元素和其他块状元素，我们可以把这种容器比喻为一个盒子。
答案: 【】

6、单选题：
a:hover表示超链接文字在（      ）时的状态。

选项：
A:点击链接
B:默认
C:已访问过
D:鼠标在链接上
答案: 【】

7、判断题：
超链接只能在不同的网页之间进行跳转。

选项：
A:错
B:对
答案: 【】

8、多选题：
根据链接路径的不同，网页链接一般分为（     ）。

选项：
A:外部链接
B:下载链接
C:锚点链接
D:内部链接
答案: 【】

9、多选题：
使所有链接文字显示为红色的语句是（    ）。

选项：
A:a:link{color:red;}
B:a{color:red;}
C:a:hover{color:red;}
D:a:active{color:red;}
答案: 【】

10、单选题：
在网页中，超链接不可能是（    ）.

选项：
A:一个字
B:一幅图
C:单选按钮
D:一段文字
答案: 【】

第六章 单元测试

1、多选题：
以下对列表的描述，哪个是正确的：（    ）。

选项：
A:list-style-color
B:list-style-position
C:list-style-type
D:list-style-image:url
答案: 【】

2、多选题：
以下哪些标记上有默认的边界值（    ）。

选项：
A:ul
B:dt
C:form
D:dd
答案: 【】

3、单选题：
取消列表项目符号的声明语句是（    ）。

选项：
A:text-decoration:none;
B:list-style-type:disc;
C:list-style-type:decimal;
D:list-style-type:none;
答案: 【】

4、单选题：
有序列表的html标签是（     ）。

选项：
A:ul
B:dd
C:ol
D:li
答案: 【】

5、单选题：
无序列表的html标签是（     ）。

选项：
A:li
B:ol
C:ul
D:dd
答案: 【】

6、单选题：
（     ）能够定义列表的项目符号为实心矩形。

选项：
A:list-type:square;
B:type:square;
C:list-style-type:square;
D:list-type:disc;
答案: 【】

7、判断题：
在CSS中，无论是<ul>标签还是<ol>标签，都可以使用相同的属性值。

选项：
A:错
B:对
答案: 【】

8、单选题：
如何产生带有数字列表符号的列表？

选项：
A:li
B:ul
C:ol
D:dd
答案: 【】

9、单选题：
如果产生带有圆点列表符号的列表？

选项：
A:ol
B:li
C:ul
D:dd
答案: 】

10、单选题：
在（    ）标签里添加（    ）语句可以使各个列表项都水平显示。
选项：
A:ul  float:left
B:ol  display:inline-block
C:dd  display:inline-block
D:li  float:left
答案: 【】

第七章 单元测试

1、单选题：
CSS中设置表格文本的颜色（    ）。

选项：
A:color
B:border
C:backgrand
D:backgrand-color
答案: 【】

2、单选题：
CSS中表格边框线设置属性（    ）。

选项：
A:backgrand-color
B:backgrand
C:border
D:backgrand-image
答案: 【】

3、多选题：
CSS中表格边框线设置属性border的属性值（    ）。

选项：
A:大小
B:粗细
C:样式
D:颜色
答案: 【】

4、单选题：
CSS中设置单元格边距属性为（   ）。

选项：
A:border-spacing
B:backgrand-color
C:border
D:border-color
答案: 【】

5、单选题：
CSS中设置单元格标题属性为（   ）。

选项：
A:caption-side
B:backgrand-color
C:caption
D:border
答案: 【】

6、判断题：
CSS中设置隐藏空单元格属性为empty-cells。

选项：
A:错
B:对
答案: 【】

7、单选题：
CSS中设置表格边框宽度属性（    ）。

选项：
A:border-color
B:border-width
C:border-spacing
D:border
答案: 【】

8、多选题：
CSS中设置单元格标题caption-side属性值为（     ）。

选项：
A:bottom
B:top
C:border
D:color
答案: 【】

9、多选题：
表格的作用（    ） 。

选项：
A:组织
B:设计
C:排版
D:显示数据
答案: 【】

10、判断题：
CSS中清除空隙的的属性为collapse。

选项：
A:错
B:对
答案: 【】

第八章 单元测试

1、单选题：
下列选项中，表示文字最后一行对齐方式的有：（     ）。

选项：
A:text-en
B:test-align-en
C:text-align-last
D:text-on
答案: 【】

2、单选题：
下列说法中，正确的是：（    ）。

选项：
A:text-align：end表示右对齐
B:text-align是CSS3新增加的一种特性
C:text-align用来设置文字的对齐方式
D:text-align的值为justify，表示居中
答案: 【】

3、单选题：
将表单下边框设置为1像素粗细，红色，实线的正确代码是：（    ）。

选项：
A:border-bottom:1px solid red;
B:border-top:1px solid red;
C:border:1px solid red;
D:border-left:1px solid red;
答案: 【】

4、单选题：
设置表单文字加粗的样式是（    ）。

选项：
A:font-weight;
B:font-size;
C:font-style;
D:font-bold;
答案: 【 】

5、单选题：
定义表单背景图像不重复的值是（    ）。

选项：
A:repeat-x;
B:no-repeat;
C:repeat;
D:repeat-y;
答案: 【】

6、判断题：
定义表单背景图像尺寸的样式是background-size。

选项：
A:对
B:错
答案: 【】

7、判断题：
定义表单背景图像尺寸为全覆盖的正确代码是background-size：cover。

选项：
A:对
B:错
答案: 【】

8、判断题：
定义表单背景颜色的属性是background-color。

选项：
A:对
B:错
答案: 【】

9、多选题：
定义表单背景颜色为黄色的正确代码以下不对的是（     ） 。

选项：
A:ground-color：yellow；
B:yellow；
C:background-color：
D:background-color：yellow；
答案: 【】

10、判断题：
调整表单对象的间距大小的属性是padding。

选项：
A:错
B:对
答案: 【】

第九章 单元测试

1、单选题：
在HTML页面中，调用外部样式表的方法是（     ）。

选项：
A:<style rel=”stylesheet” type=”text/css” href=”外部样式表地址” />
B:<link rel=”stylesheet” type=”text/css” style=”外部样式表地址” />

C:<link rel=”stylesheet” type=”text/css” href=”外部样式表地址” />
D:<style rel=”stylesheet” type=”text/css” link=”外部样式表地址” />
答案: 【】

2、单选题：
阅读下面的HTML及CSS代码，图片距最外面的DIV外边缘的距离是（   ）。 … <style type=”text/css”> #outbox { border:10px solid #ff0000; width:400px; } #inbox { border:20px solid #ff0000; margin:10px; padding:10px; } </style> … <div id=”outbox”>   <div id=”inbox”><img src=”flower.jpg” /></div> </div> …

选项：
A:40px
B:30px
C:50px
D:10px
答案: 【】

3、单选题：
下面选项中是合法的类样式的是（   ）。

选项：
A:#A2
B:#Word
C:.Word
D:.2A
答案: 【】

4、单选题：
关CSS样式表描述不正确的是（    ）。

选项：
A:用@import url（“样式表名”）完成外部样式表的导入
B:选择器包括标签选择器、类别选择器和ID选择器
C:HTML中部分标签可以作为CSS标签选择器
D:CSS样式表规则由选择器和声明组成
答案: 【】

5、单选题：
下列对盒子模型描述不正确的是（    ）。

选项：
A:一个盒子由边界、边框、填充和内容区域4个部分组成
B:盒子的宽度是内容宽度加上padding、border和margin。
C:盒子的填充、边框、边界和内容区域都分为上、下、右、左四个方向
D:CSS定义盒子的width和height时，实际上定义的是内容区域content的width和height。
答案: 【】

6、单选题：
以下关于CSS+DIV布局中关于盒子模型说法错误的是（    ）。

选项：
A:盒子的实际高度=上边界+上边框+上填充+内容高度（height）+下填充+下边框+下边界
B:填充、边框和边界和内容区域都分为上、下、左、右四个方向，既可以分别定义，也可以统一定义。
C:盒子的实际宽度=左边界+左边框+左填充+内容宽度（width）+右填充+右边框+右边界
D:一个盒子由4个独立的部分组成：Margin、Border、Padding、Border
答案: 【】

7、多选题：
下面关于CSS的说法正确的有（     ）。

选项：
A:整个BODY可以作为一个BOX
B:margin属性不能同时设置四个边的边距
C:对于中文可以使用word-spacing属性对字间距进行调整
D:CSS可以控制网页背景图片
E:margin属性的属性值可以是百分比
答案: 【  】

8、多选题：
关于CSS的说法正确的有（     ）。

选项：
A:一个BOX只能通过float进行定位
B:CSS可以控制网页背景颜色
C:position可以实现盒子模型精确定位
D:字体大小的单位可以使cm
E:Z-index的取值不能是负数
答案: 【】

9、判断题：
盒模型的组成有内容区域和边框，

选项：
A:错
B:对
答案: 【】

10、判断题：
盒模型在网页的布局中起着很重要的作用，可以布局多种样式的页面。

选项：
A:对
B:错
答案: 【】

第十章 单元测试

1、单选题：
以下关于CSS中设置position绝对定位的属性值说法正确的是（    ）。

选项：
A:CSS中设置position绝对定位的属性值为static
B:CSS中设置position绝对定位的属性值为fixed
C:CSS中设置position绝对定位的属性值为relative
D:CSS中设置position绝对定位的属性值为absolute
答案: 【

2、单选题：
以下说法正确的是（    ）。

选项：
A:CSS中设置position相对定位的属性值为absolute
B:CSS中设置position相对定位的属性值为relative
C:CSS中设置position相对定位的属性值为fixed
D:CSS中设置position相对定位的属性值为static
答案: 【】

3、单选题：
CSS中设置固定定位的属性值为（    ）。

选项：
A:absolute
B:static
C:relative
D:fixed
答案: 【】

4、单选题：
以下说法正确的是（    ）。

选项：
A:CSS中设置层叠顺序的属性为absolute
B:CSS中设置层叠顺序的属性为z-index
C:CSS中设置层叠顺序的属性为 float

D:CSS中设置层叠顺序的属性为index
答案: 【】

5、单选题：
CSS中设置层叠顺序的属性值为（    ）。

选项：
A:index
B: integer
C:z-index
D:float
答案: 【】

6、单选题：
CSS中设置隐藏定位的属性值为（   ）。

选项：
A:relative
B:absolute
C:static
D:visibility
答案: 【】

7、单选题：
以下说法正确的是（     ）。

选项：
A:CSS中设置溢出定位的属性值为relative
B:CSS中设置溢出定位的属性值为overflow
C:CSS中设置溢出定位的属性值为absolute
D: CSS中设置溢出定位的属性值为visibility
答案: 【】

8、判断题：
CSS中设置浮动的属性为float。

选项：
A:对
B:错
答案: 【】

9、多选题：
CSS中设置定位偏移的属性为（ABCD）。

选项：
A:left
B:right
C:bottom
D:top
答案: 【】

10、判断题：
CSS中设置position静态定位的属性值为relative。
选项：
A:对
B:错
答案: 【】

第十一章 单元测试

1、单选题：
以下哪种概念是正确的（    ）。

选项：
A:课程表设计当中内边距为右部内边距为padding-right
B:课程表设计当中内边距为右部内边距为padding-top
C:课程表设计当中内边距为右部内边距为padding-left
D:课程表设计当中内边距为右部内边距为padding-bottom
答案: 【】

2、单选题：
以下说法正确的是（   ）。

选项：
A:课程表设计当中外边距为左外边距为margin -left
B:课程表设计当中外边距为左外边距为margin -top
C:课程表设计当中外边距为左外边距为margin -right
D:课程表设计当中外边距为左外边距为margin -bottom
答案: 【 】

3、单选题：
以下概念正确的是（    ）。

选项：
A:CSS中浮动为向右浮动的属性值为relative
B:CSS中浮动为向右浮动的属性值为right
C:CSS中浮动为向右浮动的属性值为absolute
D:CSS中浮动为向右浮动的属性值为visibility
答案: 【】

4、单选题：
以下说法正确的是（    ）。

选项：
A:CSS3中设置定义多列布局的属性为column-count
B:CSS3中设置定义多列布局的属性为columns
C:CSS3中设置定义多列布局的属性为column-gap
D:CSS3中设置定义多列布局的属性为column-rule
答案: 【】

5、单选题：
以下内容正确的是（    ）。

选项：
A:CSS3中设置列数的属性column-gap
B:CSS3中设置列数的属性column-count
C:CSS3中设置列数的属性column-rule
D:CSS3中设置列数的属性columns
答案: 【】

6、单选题：
以下概念正确的是（     ）。

选项：
A:CSS3中设置列间距的属性column-count
B:CSS3中设置列间距的属性column-gap
C:CSS3中设置列间距的属性column-rule
D:CSS3中设置列间距的属性columns
答案: 【】

7、判断题：
CSS3中设置列边框样式的属性column-rule。

选项：
A:错
B:对
答案: 【】

8、多选题：
设置多列布局的属性值为（    ）。

选项：
A:columns-width
B:column-gap
C:column-count
D:column-rule
答案: 【 】

9、多选题：
关于设置列边框样式属性值说法正确的是（    ）。

选项：
A:设置列边框样式的属性值有color
B:设置列边框样式的属性值有length
C:设置列边框样式的属性值有transparent
D:设置列边框样式的属性值有style
答案: 【】

10、多选题：
以下说法不正确的是（    ）。

选项：
A:页面布局当中边距属性为color
B:页面布局当中边距属性为padding
C:页面布局当中边距属性为transparent
D:页面布局当中边距属性为margin
答案: 【】