大学MOOC 网页设计基础(广东工贸职业技术学院)1002536020 最新慕课完整章节测试答案

01 单元测试

1、单选题：
‌Dreamweaver开发平台默认的静态网站主页文件名为(    )‎
选项：
A: index.html
B: default.html
C: index.asp
D: index.php
答案: 【 index.html】

2、单选题：
‍静态网页的后缀名为（     ）‏
选项：
A:   asp
B: doc
C: html
D: php
答案: 【 html】

3、单选题：
‍可以通过下面样式设置文本的水平对齐方式（    ）‍
选项：
A: Text-indent
B: Text-align
C: Vertical-align
D: Text-decoration
答案: 【 Text-align】

4、单选题：
‏可以通过下面样式属性设置网页中文字段落的行高（    ）‏
选项：
A: height
B: Text-transform
C: line-height
D: work-spacing
答案: 【 line-height】

5、单选题：
‎关于字体大小的单位描述，哪个是不正确的‍‎‍
选项：
A: px：（象素）根据显示器的分辨率来确定长度
B: pt：（字号）根据windows系统定义的字号点位的大小来确定长度
C: in、cn、mm：（英寸、厘米、毫米）根据显示的实际尺寸来确定长度。此类单位随显示器的分辨率改变而改变。 
D: em：相对长度单位，单位em是一种相对的字体高度
答案: 【 in、cn、mm：（英寸、厘米、毫米）根据显示的实际尺寸来确定长度。此类单位随显示器的分辨率改变而改变。 】

6、单选题：
​当字体属性设置为.style1{font-family:“黑体”,“隶书”,”楷体”;}时，代表意思是​​​
选项：
A: 字体为黑体
B: 字体为楷体
C: 字体为三个中任意一个
D: 字体首选黑体，如果没有再选隶书，没有隶书再选楷体
答案: 【 字体首选黑体，如果没有再选隶书，没有隶书再选楷体】

7、单选题：
​下面哪个样式设置是错误的‌
选项：
A: .style1{font-family:“黑体”；}
B: .style1{font-size:20px；}
C: .style1{font-color:#00ff00；}
D: .style1{text-align: center；}
答案: 【 .style1{font-color:#00ff00；}】

8、单选题：
​下面哪个操作可以产生单倍行距‍
选项：
A: 按shift键同时按回车键
B: 按回车键
C: 按shift键
D: 将文字在代码视频中用<p>....</p>包起来
答案: 【 按shift键同时按回车键】

9、单选题：
​网上新闻的正文内容部分，哪个值作为 正文的行距比较合适？‍
选项：
A: 25px
B: 100px
C: 5px
D: 50px
答案: 【 25px】

10、单选题：
‎定义在css文件夹中的样式layout.css，在站点根目录中的网页引用该样式文件，写法正确的是（   ）​
选项：
A: <link ="css/layout.css" rel="stylesheet" type="text/css"/>
B: <link href="layout.css" rel="stylesheet" type="text/css"/>
C: <link href="css/layout.css" rel="stylesheet" type="text/css"/>
D: <link href="css/layout.css" />
答案: 【 <link href="css/layout.css" rel="stylesheet" type="text/css"/>】

11、单选题：
‎网页中的注释写法正确的是（    ）‎
选项：
A: <!--    注释内容        -->
B: <--    注释内容        -->
C: /*  注释内容   */
D: //注释内容
答案: 【 <!--    注释内容        -->】

12、单选题：
‌下面哪个标签元素不是属于块元素（     ）‌
选项：
A: span
B: div
C: article
D: ul
E: ol
答案: 【 span】

13、单选题：
​下面哪个标签元素不是内联元素（    ）‏
选项：
A: a
B: img
C: span
D: ul
答案: 【 ul】

14、多选题：
​下面哪些元素是网页元素（    ）‎
选项：
A: 文字  
B: 图片  
C: 音频文件     
D:  视频文件
答案: 【 文字  ;
图片  ;
音频文件     ;
 视频文件】

15、多选题：
‏下面哪些是网页基本结构组成部分（    ）‍
选项：
A: head
B: body  
C: doctype
D: html
答案: 【 head;
body  ;
doctype;
html】

16、多选题：
‌设置字体行距的单位可以有（      ）​
选项：
A: px    
B: em      
C:  %       
D: pt  
答案: 【 px    ;
em      ;
 %       ;
pt  】

17、多选题：
‍关于段落的描述哪些是正确的‏
选项：
A: 按“<shift>+<Enter>”组合键可以得到标签为<br/>分段标志，行距为正常行距。
B: 按回车键可进行分段，段与段的间距为2倍行距
C: 可以设置line-height:2;得到段落内文字为2倍的行距
D: 可以设置line-height:150%;表示百分之150的行距
答案: 【 按“<shift>+<Enter>”组合键可以得到标签为<br/>分段标志，行距为正常行距。;
按回车键可进行分段，段与段的间距为2倍行距;
可以设置line-height:2;得到段落内文字为2倍的行距;
可以设置line-height:150%;表示百分之150的行距】

18、多选题：
‍下面哪些操作让文字段落之间可以产生单倍行距？‍
选项：
A: 在需要换行的文字后按shift键同时按回车键
B: 在文字段落的最后一个字符后添加<br/>标签
C: 将段落文字用<p></p>包起来
D: 按回车键
答案: 【 在需要换行的文字后按shift键同时按回车键;
在文字段落的最后一个字符后添加<br/>标签】

19、多选题：
​定义字体大小时，下面哪些单位是表示相对大小（    ）‌
选项：
A: px
B: pt
C: em
D: cm
答案: 【 px;
pt;
em】

20、判断题：
‌Dreamweaver开发平台是网站开发的唯一平台（     ）‍
选项：
A: 正确
B: 错误
答案: 【 错误】

21、判断题：
‏‏Dreamweaver开发平台的文件菜单中创建的网页需要执行保存，才能将文件保存到网站中（   ）‏
选项：
A: 正确
B: 错误
答案: 【 正确】

22、判断题：
可以通过设置CSS样式的line-height属性来设置段落文字的行高。（     ）‍
选项：
A: 正确
B: 错误
答案: 【 正确】

23、判断题：
​网页里有一段文字，我们可以通过text-valign设置文字在层里的垂直对齐‏
选项：
A: 正确
B: 错误
答案: 【 错误】

24、判断题：
‌文字默认的对齐方式是居中对齐的‎
选项：
A: 正确
B: 错误
答案: 【 错误】

25、判断题：
‎图片插入到文字中，默认的对方方式是居中对齐的‌
选项：
A: 正确
B: 错误
答案: 【 错误】

随堂测试

1、多选题：
‍一段文字样式设置主要包括哪些设置？​
选项：
A: 字体、字号、颜色
B: 是否加粗、倾斜
C: 字体间隔
D: 是否带下划线
答案: 【 字体、字号、颜色;
是否加粗、倾斜;
字体间隔;
是否带下划线】

2、多选题：
​段落样式设置可包括哪些？‏
选项：
A: 设置行距
B: 设置段落文字水平对齐方式
C: 设置段落的上下间隔
D: 设置段落的左右内或外边距
答案: 【 设置行距;
设置段落文字水平对齐方式;
设置段落的上下间隔;
设置段落的左右内或外边距】

02 单元测试

1、单选题：
‎在css盒子模型中，盒子的总占位宽由（    ）决定‍
选项：
A: 由样式属性中的width属性决定
B: 由样式属性中的width和左右内边距padding属性决定
C: 由样式属性中的width、左右内边距padding和边框宽度的属性决定
D: 由样式属性中的width、左右内边距padding、左右外边距margin和边框宽度属性决定
答案: 【 由样式属性中的width、左右内边距padding、左右外边距margin和边框宽度属性决定】

2、单选题：
‌关于样式的描述，哪个是不正确的‍
选项：
A: 内部样式定义在网页文件的头部位置的style标签内
B: 外部样式定义在单独的样式文件中
C: 浏览器样式我们不能随便修改
D: html内联样式定义在网页文件的头部位置
答案: 【 html内联样式定义在网页文件的头部位置】

3、单选题：
‍当层内部的文字与层的左边距太贴近时，可设置下面哪个属性值使文字与层左边留一定的空白距离‏
选项：
A: margin-left:10px;
B: margin-right:10px;
C: padding-left:10px;
D: padding-right:10px;
答案: 【 padding-left:10px;】

4、单选题：
‌根据命名规范，下面哪个是合规范的​
选项：
A: 给网页内容区样式命名为header
B: 给网页头部区样式命名为content
C: 给网页页脚区样式命名为f
D: 给网页导航区样式命名为nav
答案: 【 给网页导航区样式命名为nav】

5、单选题：
‌引用了h3样式的文字上面新产生了一行空白，是因为（    ）‎
选项：
A: 标题样式有默认的外上边距
B: 标题样式有默认的内上边距
C: 行高的原因
D: 不确定原因
答案: 【 标题样式有默认的外上边距】

6、单选题：
‍关于样式的优先级别，说法正确的是（    ）​
选项：
A: 内联样式>内部样式>外部样式>浏览器样式
B: 内部样式>内联样式>外部样式>浏览器样式
C: 内联样式>外部样式>内部样式>浏览器样式
D: 类样式>ID样式
答案: 【 内联样式>内部样式>外部样式>浏览器样式】

7、单选题：
‏链接元素的伪类需要按一定的顺序定义，下面哪 个顺序是正确的（    ）‍‏‍
选项：
A: a:link, a:visited , a:hover , a:active
B: a:link,  a:hover , a:visited ,a:active
C: a:visited ,a:link,  a:hover , a:active
D: 可以随便写
答案: 【 a:link, a:visited , a:hover , a:active】

8、单选题：
‍position默认的属性值是（   ）‍
选项：
A: static
B: fixed
C: realtive
D: absolute
答案: 【 static】

9、单选题：
‍要求块元素里面的文字要离左边有200px的距离，假设这个块元素总占位宽为1000px，则下面哪个样式的写法是正确的（         ）‍‍‍
选项：
A: 可设置margin-left:200px;width:800px;   
B: 可设置padding:200px;width:800px;
C: 可设置padding-left:200px;width:800px;
D: 可设置margin:200px;width:800px; 
答案: 【 可设置margin-left:200px;width:800px;   】

10、单选题：
‍背景图片的位置background-position属性，如果只设了一个参数，则垂直方向默认为（    ）‌‍‌
选项：
A: center
B: middle
C: right
D: left
答案: 【 center】

11、单选题：
‎一行文字在一个层中垂直居中，可以通过设置样式（    ）实现‍
选项：
A: 设置这个层的行高属性值跟高度一样
B: 设置这个层的高度属性值跟文字高度一样
C: 设置这个层的行高属性值跟文字的行高一样
D: 设置文字大小和高度一样
答案: 【 设置这个层的行高属性值跟高度一样】

12、单选题：
下面哪些说法是不正确的（   ）​​​​
选项：
A: 层中引用类样式style1写法为<div class=“style1”>
B: 重定义段落p标签样式，定义完不需要引用。
C: 一个ID样式可以在一个网页中同时被多个不同的html元素引用
D: ID样式在一个网页中只能被一个html标签元素引用。
答案: 【 一个ID样式可以在一个网页中同时被多个不同的html元素引用】

13、多选题：
‏下面哪些说法是正确的‎
选项：
A: 层中引用类样式style1写法为<div class=”style1”>
B: 重定义标签样式h1，定义完不需要引用
C: 同一个类样式可以在一个网页中多次被引用
D: ID样式在一个网页中只能被一个html元素引用
答案: 【 层中引用类样式style1写法为<div class=”style1”>;
重定义标签样式h1，定义完不需要引用;
同一个类样式可以在一个网页中多次被引用;
ID样式在一个网页中只能被一个html元素引用】

14、多选题：
‎关于样式的描述，哪些是正确的‏
选项：
A: 内部样式定义在网页文件的头部标签内
B: 外部样式定义在单独的样式文件中，用户需要在网页文件中引用该样式文件才能使用外部样式
C: 浏览器样式我们不能随便修改
D: html内联样式定义在网页文件的头部
答案: 【 内部样式定义在网页文件的头部标签内;
外部样式定义在单独的样式文件中，用户需要在网页文件中引用该样式文件才能使用外部样式;
浏览器样式我们不能随便修改】

15、多选题：
‎根据命名规范，下面哪些是合规范的‌
选项：
A: 给网页内容区样式命名为header
B: 给网页头部区样式命名为header
C: 给网页页脚区样式命名为footer
D: 给网页导航区样式命名为nav
答案: 【 给网页头部区样式命名为header;
给网页页脚区样式命名为footer;
给网页导航区样式命名为nav】

16、多选题：
​下面哪些样式的属性值设置可以让引用该样式的层处于页面的居中状态​
选项：
A: margin:0 auto;
B: margin:auto;
C: margin:auto 0px;
D: margin:0;
答案: 【 margin:0 auto;;
margin:auto;】

17、多选题：
‏下面说法哪些是正确的（    ）‍‏‍
选项：
A: 内联样式的优先级别最高
B: 浏览器样式的优先级别最低
C: 定义了同名同类型的样式，则内部样式的优先级别比外部样式高
D: 在外部样式文件中，多次定义了同名同类型样式，则后定义的优先级别高
答案: 【 内联样式的优先级别最高;
浏览器样式的优先级别最低;
定义了同名同类型的样式，则内部样式的优先级别比外部样式高;
在外部样式文件中，多次定义了同名同类型样式，则后定义的优先级别高】

18、判断题：
‍标签样式是系统已经事先定义好的样式，用户不能再修改了‏
选项：
A: 正确
B: 错误
答案: 【 错误】

19、判断题：
​标签样式一般来说不需要引用‍
选项：
A: 正确
B: 错误
答案: 【 正确】

20、判断题：

‍复合样式是指同时作用在二个或以上标签的样式，如 .style1 img，一般来讲只需要引用复合样式中的第一个样式（如果组成的复合样式都是标签样式，则可以不引用）复合样式就能起作用

​选项：
A: 正确
B: 错误
答案: 【 正确】

21、判断题：
‎在层里添加图片背景，可以不设背景图片样式的高度‎
选项：
A: 正确
B: 错误
答案: 【 错误】

22、判断题：
‏自适应布局页面是指页面宽度按百分比设置的‏
选项：
A: 正确
B: 错误
答案: 【 正确】

23、判断题：
‏自适应布局页面需要考虑版面变宽或缩小后页面布局是否变形的问题​
选项：
A: 正确
B: 错误
答案: 【 正确】

24、判断题：
‌一个层，可以同时添加背景图和背景颜色‎
选项：
A: 正确
B: 错误
答案: 【 正确】

25、判断题：
伪类是指一个标签元素，具有不同的形态，如鼠标经过时一个形态、鼠标点击时一个形态​
选项：
A: 正确
B: 错误
答案: 【 正确】

26、判断题：
‎对一个块元素设置背景颜色或背景图片，如果该块元素没有其他内容，则一定需要设置块元素的高度，这样背景才能显示出来​‎​
选项：
A: 正确
B: 错误
答案: 【 正确】

随堂测试

1、判断题：
‌一列自适应宽度布局的容器层可设置固定宽度‎
选项：
A: 正确
B: 错误
答案: 【 错误】

2、判断题：
‌一列自适应宽度容器层设成一个百分数，然后里面的每个布局层可以不设宽度，或也设成一个百分比宽度‍
选项：
A: 正确
B: 错误
答案: 【 正确】

3、判断题：
‍一个层，可以同时添加背景图和背景颜色‎
选项：
A: 正确
B: 错误
答案: 【 正确】

03单元测试

1、单选题：
​下面哪个样式的属性值设置可以让引用该样式的层处于页面的居中状态‌
选项：
A: margin:5px 10px;
B: margin:0 auto;
C: margin:auto 0px;
D: padding:5px;
答案: 【 margin:0 auto;】

2、单选题：
‍一个层引用style1类样式，当设置层中图片在文字的左端图文环绕时，图片的样式需要修改为为（   ）​
选项：
A: .style1 img { float:right; }
B: #style1 im