中国大学MOOC Web前段开发之测试题答案

第一章节 概论

Web前端开发概述

1.web系统前端是指系统中用户接触到的部分。A
A.√
B.×
2.web系统后端主要负责完成系统功能,包括数据存取、系统安全等。A
A.√
B.×
中国大学MOOC Web前段开发之测试题答案_第1张图片https://www.cnblogs.com/zmwy/p/11421849.html这个网址讲述web前、后端的区别。

3.网页对应着的源文件包含一些代码,而浏览器可以解析这些代码,呈现出来。A
A.√
B.×

网站与网页

1.以下关于浏览器的描述错误的是(B)
A.主流的浏览器有Chrome,Firefox,IE等。
B.不同浏览器厂商的浏览器,一定有不同的内核。
C.不同版本的浏览器差别可能很大,对Web技术的支持度也会不同。
D.Chrome浏览器可以在进行web前端开发时,用于调试和测试。

2.以下哪一项是一个HTML元素(B)
A.</code><br> <strong>B</strong>.</p> <pre><code class="prism language-css"><title>欢迎来到课程首页

C.
D.

3.只有文字可以进行超链接的设置,而图片不可以。B
A.√
B.×
中国大学MOOC Web前段开发之测试题答案_第2张图片
4.网页的导航栏是超链接的集合,可以由此进入不同版块或页面。A
A.√
B.×

5.网站中的网页是逻辑相关的,可以通过超链接的方式被组织在一起。A
A.√
B.×

Web前段开发技术

1.以下说法错误的是( B)。
A.HTML与CSS配合使用,是为了内容与样式分离。
B.如果只使用HTML而不使用CSS,网页是不可能有样式的。
C.JavaScript可以嵌入在HTML语言中,作为网页源文件的一部分存在。
D.CSS表示层叠样式表,可以添加页面的样式,规定网页的布局。

2.关于内容、结构和表现说法正确的是(ABD )。
A.内容是页面传达信息的基础
B.表现使得内容的传达变得更加明晰和方便

C.结构就是对内容的交互及操作效果
D.内容就是网页实际要传达的信息,包括文本、图片、音乐、视频、数据、文档等

3.关于 web 标准以下说法正确的是( ACD)。
A.Web 标准是一个复杂的概念集合,它由一系列标准组成
B.这些标准全部都由 W3C 起草与发布
C.Web 标准可以分为 3 个方面
D.Web 标准里的表现标准语言主要包括 CSS

中国大学MOOC Web前段开发之测试题答案_第3张图片
由此可见,B是错的。

4.HTML是超文本标记语言,是制作网页的标准语言。A
A.√
B.×

5.CSS负责网页的结构,JavaScript负责网页的行为,也就是跟用户的一些交互。B
A.√
B.×
【解析】html负责网页结构,CSS负责网页美观,JavaScript负责用户与浏览器交互。

6.w3c组织制定关于web技术的一些标准,例如HTML、CSS、JS等。A
A.√
B.×

第二章节 HTML基础

HTML概述

1.网页是由HTML语言来实现的,HTML语言是( D)。
A.大型数据库
B.网页源文件中出现的唯一一种语言
C.网络通信协议
D.超文本标记语言

2.HTML文档中的元素分为( A )两部分。
A.内容文本、标签
B.文本、多媒体元素
C.超文本、多媒体元素
D.标签、框架

3.以下关于HTML标签叙述错误的是(D)
A.可以单独出现,也可以成对出现
B.必须正确嵌套
C.标签可以带有属性,属性的顺序无关
D.标签和其属性构成了HTML元素
中国大学MOOC Web前段开发之测试题答案_第4张图片
【解析】HTML文档中的元素分为文本内容、标签两部分。

4.HTML的标签一定是成对出现的,否则无法完成嵌套关系。B
A.√
B.×

5.HTML不区分大小写。A
A.√
B.×

6.所有HTML标签都有开始标签和结束标签构成。B
A.√
B.×

HTML文件结构

1.关于HTML说法错误的是(A)。
A.HTML标签的嵌套结构可以描述成一个网状结构
B.在<title>和</title>标签之间的是标题信息
C.HTML是大小写无关的,<b>跟<B>表示的意思是一样的
D.标签表示网页元数据,是提供给浏览器和搜索引擎的关于网页的描述性数据

2.下面语句中,(B)将HTML页面的标题设置为“HTML练习”
A. HTML练习
B. HTML练习
C. HTML练习
D. HTML练习

3.字符与编码说法错误的是( D)。
A.字符集是字符的集合
B.字符集通常与某种语言文字相关
C.编码可以完成字符的唯一的映射
D.编码方式有很多种,ASCII编码包含了所有语言文字中出现的字符
中国大学MOOC Web前段开发之测试题答案_第5张图片
https://blog.csdn.net/gs_008/article/details/50937772这个网址介绍常见的几种字符编码方式(ASCLL也包含其中)

4.为了标识一个 HTML 文件,应该使用的标签(D)。
A.
B.
C.
D.

5.以下不是元素作用的是( BCD)。
A.该元素用来定义文档类型
B.该元素用来声明命名空间
C.该元素用来向搜索引擎声明网站关键字
D.该元素用来向搜索引擎声明网站作者

【解析】DOCTYPE标签是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。
声明必须是 HTML 文档的第一行,位于 标签之前。
https://www.cnblogs.com/alwaysblog/p/5822834.html这个网址你可以了解元素作用。

6.Unicode编码与UTF-8编码都涵盖了所有语言文字A
A.√
B.×
中国大学MOOC Web前段开发之测试题答案_第6张图片
通过https://blog.csdn.net/Deft_MKJing/article/details/79460485这个网址,可以了解到Unicode编码与UTF-8编码都涵盖了所有语言文字。

7.网页源文件本身的编码方式与浏览器解读的编码方式如果不同,就会出现乱码。A
A.√
B.×

HTML标签1

1.表示水平分割线线的HTML代码是 (A)
A.



B.

C.
D.

2.下面标记中,( C)在标记的位置添加一个回车符。
A.


B.
C.

D.

3.创建最小的标题的文本标签是( C)
A.


B.


C.

D.
【解析】HTML中提供了六级标题,为

。其中

字体最大,
字体最小。

4.在HTML中,标记

的作用是( B)。
A.标题标签
B.预排版标签
C.换行标签
D.文字效果标签

5.默认情况下,h1标签的文字字号,要远小于h6标签。B
A.√
B.×
【解析】HTML中提供了六级标题,为

。其中

字体最大,
字体最小。

6.HTML的注释语句格式为:/* */。B
A.√
B.×
【解析】HTML注释的格式为:

HTML标签2

1.超链接基本语法是(D)
A. ...
B. ...
C. ...
D. ...

2.超文本标记语言央视国际的作用是(D)
A.插入一段央视国际网站的文字
B.插入一幅央视国际网站的图片
C.创建一个指向央视国际网站的电子邮件
D.创建一个指向央视国际网站的超链接

3.以下说法正确的是(D)
A.标签是页面链接标签,只能用来链接到其他页面
B.
标签是页面链接标签,只能用来链接到本页面的其他位置
C.
标签的src属性用于指定要链接的地址
D.
标签的href属性用于指定要链接的地址

4.a标签可以跳转到外部站点的页面,例如跳转到新浪网首页,可以写如下代码:B

"www.sina.com.cn">新浪首页

A.√
B.×
【解析】代码应该是

"https://www.sina.com.cn/">新浪首页

HTML标签3

1.有关网页中的图像的说法不正确的是( C)
A.网页中的图像并不与网页保存在同一个文件中,每个图像单独保存
B.HTML语言可以描述图像的位置等属性
C.HTML语言可以直接描述图像上的像素
D.图像可以作为超级链接的起始对象
中国大学MOOC Web前段开发之测试题答案_第7张图片

2.假如要将图片文件asrlogo.jpg插入页面,并为该图片、设置提示文字为”ASR Outfitters Logo”.下面语句正确的是(B)
A.<omg scr="asrlogo.jpg">ASR Outfitters Logo</omg>
B.<img src="asrlogo.jpg" alt="ASR Outfitters Logo">
C.<img src="asrlogo.jpg">alt="ASR Outfitters Logo"
D.

<omg url="asrlogo.jpg" alt="ASR Outfitters Logo"

3.如果图片不能正常显示,错误的原因可能是(A)
A.引用图片的路径不对
B.该图片太模糊
C.图片太大
D.图片太小

4.在网页中添加一个图片的HTML代码是(B)
A.
B.
C.
D.图片

5.若要在页面中创建一个图形超链接,要显示的图形为 myhome.jpg,所链接的地址为https://www.pcnetedu.com,以下用法中,正确的是(B)
A.myhome.jpg
B.
C.
D.

http://www.pcneredu.com>

6.以下说法中,错误的是(B)
A.GIF格式的图象采用无损压缩算法进行图象压缩
B.只有GIF格式才能使用透明色
C.GIF格式支持动画
D.GIF格式支持背景色透明

HTML标签4

1.无序列表的HTML代码是(B)
A.

  • ...

  • B.
    • ...

    C.
    1. ...

    D.
    1. ...

    中国大学MOOC Web前段开发之测试题答案_第8张图片
    2.设置围绕表格的边框宽度的HTML代码是(B)
    A.
    B.

    C.

    D.

    3.定义表行的HTML是(D)
    A.


    B.

    4.定义表头的HTML是(D)
    A.


    C.

    D.

    B.
    D.

    C.

    5.表示区域的标签是( C)
    A.table
    B.ol
    C.div
    D.ul

    HTML标签5

    1.在HTML中,

    ,action表示( C)
    A.提交的方式
    B.表单所用的脚本语言
    C.提交的URL地址
    D.表单的形式
    中国大学MOOC Web前段开发之测试题答案_第9张图片

    2.增加表单的输入框的HTML代码是( C)
    A.
    B.
    C.
    D.

    3.增加表单的复选框的HTML代码是(D)
    A.
    B.
    C.
    D.

    4.增加表单的文本域的HTML代码是(B)
    A.
    B.
    C.
    D.

    5.增加表单的密码域的HTML代码是(B)
    A.
    B.
    C.
    D.`
    【补充知识点】
    表单中,
    (1) id 是惟一的,任何元素都可以有id。它可以唯一直接定位到这个元素,主要在js的
    document.getElementByld()使用;
    (2) name 可以不唯一,不是所有元素都有name,表单元素有name。它主要用来提交表单数据给后端的,例如:
    通过js的document.表单名称.文本框名称.value来获取文本框的值。其中,文本框名称就是name属性定义的
    (3) value 就是要传给后端的那个值了

    第三章节 CSS样式

    CSS概述

    1.CSS是( C)的缩写。
    A.Colorful Style Sheets
    B.Computer Style Sheets
    C.Cascading Style Sheets
    D.Creative Style Sheets
    中国大学MOOC Web前段开发之测试题答案_第10张图片

    2.下列( C )是定义样式表的正确格式。
    A.{body:color=black(body}
    B.body:color=black
    C.body {color: black}
    D.{body;color:black}

    3.下列( A )是定义样式表中的注释语句。
    A./* 注释语句 */
    B.// 注释语句
    C.// 注释语句 //
    D.' 注释语句
    中国大学MOOC Web前段开发之测试题答案_第11张图片
    4.关于 CSS 基本语法说法正确的是(AC )。
    A.属性必须要包含在{}号之中
    B.属性和属性值之间用等号链接
    C.当有多个属性设置时,用“;”进行区分
    D.如果一个属性有几个值,则每个属性值之间用分号分隔开
    【解析】属性和属性值之间用“:”链接;如果一个属性有几个值,则每个属性值之间用“ ”分隔开。

    5.CSS样式的选择器可以是标签的名字。A
    A.√
    B.×

    6.有了CSS样式,就可以做到使内容与样式分离,便于分别修改。A
    A.√
    B.×

    CSS添加方法

    1.表示内嵌样式的元素是( A )。
    A.

    B.

    
    

    C.

    
    

    D.

    
    

    中国大学MOOC Web前段开发之测试题答案_第15张图片

    CSS样式2——背景、超链接样式

    1.下列( C)表示a元素中的内容没有下划线。
    A.a {text-decoration:no underline}
    B.a {underline:none}
    C.a {text-decoration:none}
    D. a {decoration:no underline}

    2.下面哪个CSS属性是用来更改背景颜色的( D)。
    A.back
    B.bgcolor
    C.color
    D.background-color
    中国大学MOOC Web前段开发之测试题答案_第16张图片
    3.怎样给所有的

    标签添加背景颜色( B )。
    A..h1 {color:#FFFFFF}
    B.h1 {background-color:#FFFFFF;}
    C.#h1 {background-color:#FFFFFF}
    D.h1.all {background-color:#FFFFFF}

    4.如下所示的这段CSS样式代码,定义的样式效果是( D )。

    a:active {color: #000000;}
    

    A.默认链接是#000000颜色
    B.访问过链接是#000000颜色
    C.鼠标上滚链接是#000000颜色
    D.活动链接是#000000颜色

    5.a:link表示超链接文字在( B )时的状态。
    A.鼠标按下
    B.初始状态
    C.鼠标放上去
    D.访问过后
    中国大学MOOC Web前段开发之测试题答案_第17张图片
    6.a:hover表示超链接文字在( C )时的状态。
    A.鼠标按下
    B.原始状态
    C.鼠标放上去
    D.访问过后

    CSS样式3——列表 表格样式

    1.在CSS语言中下列哪一项是"列表项标号图象"的语法( C)。
    A.width: <值>
    B.height: <值>
    C.list-style-image: <值>
    D.list-style-picture: <值>

    2.下列( A )表示列表项符号是小方块。
    A.list-style-type: square
    B.list-type: square
    C. type: 2
    D.type: square

    3.list-style-position的取值包括( AD )。
    A.inside
    B.inner
    C.outter
    D.outside
    中国大学MOOC Web前段开发之测试题答案_第18张图片
    4.list-style-type属性叙述正确的是( ABC )。
    A.可以设置列表项目标号类型。
    B.对无序列表有效。
    C.对有序列表有效。

    D.对表格单元格有效。
    中国大学MOOC Web前段开发之测试题答案_第19张图片
    5.以下对列表的描述,哪个是正确的( ACD )。
    A.list-style-type
    B.list-style-color
    C.list-style-position
    D.list-style-image:url

    6.如果设置table标签的border属性,默认可以看到两层边框线。A
    A.√
    B.×

    7.可以使用table-collapse属性将表格边框和单元格边框重合在一起显示。B
    A.√
    B.×
    中国大学MOOC Web前段开发之测试题答案_第20张图片

    第四章节 CSS布局与定位

    布局与定位概述

    1.盒子模型中的盒子,可以是任何页面元素。A
    A.√
    B.×

    2.盒子模型中的盒子是可以逐层嵌套的。A
    A.√
    B.×

    3.CSS进行布局与定位,首先用盒子将元素大小、边距等信息确定下来,然后用定位方式决定盒子的位置。A
    A.√
    B.×

    4.定位机制分为三种:盒子定位、文档流定位、浮动定位。B
    A.√
    B.×
    【解析】定位机制分为三种:文档流、浮动定位、层定位。

    盒子模型1

    1.下列( A )表示上边框线宽10px,下边框线宽5px,左边框线宽20px,右边框线宽1px。
    A.border-width:10px 1px 5px 20px
    B.border-width:10px 5px 20px 1px
    C.border-width:5px 20px 10px 1px
    D.border-width:10px 20px 5px 1px

    2.在CSS语言中下列哪一项是"左边框"的语法( C )。
    A.border-left-width: <值>
    B. border-top-width: <值>
    C.border-left: <值>
    D.border-bottom-width: <值>

    3.CSS中,盒模型的属性包括( ABD ) 。
    A.border
    B.padding

    C.content
    D.margin
    中国大学MOOC Web前段开发之测试题答案_第21张图片
    4.下列哪些是设置有关边框的属性(ABC )。
    A.border-color
    B.border-style
    C.border-width

    D.border-back

    5.以下哪个选项是设置边框的( ABCD)。
    A.border-bottom
    B.border-top
    C.border-left
    D.border-right

    6.盒子模型中,边框的属性是可以分为4个方向分别设置的。A
    A.√
    B.×

    7.溢出盒子的部分,可以使用overflow属性,将其设置为hidden隐藏起来。A
    A.√
    B.×

    盒子模型2

    1.下列哪个属性能够设置盒模型的左侧外边距( C )。
    A.margin
    B.indent
    C.margin-left
    D.padding-left

    2.下列哪个CSS属性能够设置盒子模型的内边距为10、20、30、40、(顺时针方向)( A ) 。
    A.padding:10px 20px 30px 40px
    B.padding:40px 30px 20px 10px
    C.padding:10px 40px 30px 20px
    D.padding:20px 10px 40px 30px

    3.阅读下面HTML代码,两个div之间的垂直空白距离是( C )。

      
    ...... 
    
    "header">
    "container">

    A.0px
    B.10px
    C.15px
    D.25px
    【解析】margin的合并:垂直方向合并,水平方向不合并;外边距合并形成一个外边距时取二者之间较大值,例如,一个盒子模型的margin-bottom为20px,另一个盒子模型的margin-top为15px,在合并之后,两个div之间的垂直空白距离为20px。

    4.阅读下面CSS代码,下面选项中与该代码段效果等同的是( B )。
    .box { margin:10px 5px; margin-right:10px; margin-top:5px; }
    A..box { margin:5px 10px 0px 0px; }
    B..box { margin:5px 10px 10px 5px; }
    C..box { margin:5px 10px; }
    D..box { margin:10px 5px 10px 5px; }
    【解析】 .box { margin:10px 5px;}等价于.box { margin:10px 5px 10px 5px; },margin-right:10px; margin-top:5px; margin:top right bottom left这种顺序排列,则 .box { margin:10px 5px; margin-right:10px; margin-top:5px; } 的效果等同的是B。

    5.利用以下什么代码可以设置div区域的水平居中( C )。
    A.div{margin:0}
    B.div{margin:auto 100px}
    C.div{margin:100px auto}
    D.div{margin:100px 100px }

    6.文字、图片、div区域水平居中,都可以使用text-align:center进行设置。B
    A.√
    B.×

    7.margin:1px 2px 1px 3px; 可以缩写成 margin:1px 2px 3px;B
    A.√
    B.×

    CSS定位机制概述

    1.浮动定位通过float属性设置来实现。A
    A.√
    B.×

    2.默认定位方式就是文档流定位。A
    A.√
    B.×

    3.层定位通过postion属性来设定。A
    A.√
    B.×

    4.对于一个盒子,文档流定位、浮动定位、层定位只能选择其中一个。B
    A.√
    B.×

    5.层定位是可以将盒子像图层一样处理,有前后层叠顺序。A
    A.√
    B.×

    文档流定位

    1.下列哪个样式定义后,行级元素可以定义宽度和高度( C )。
    A.display:inline
    B.display:none
    C.display:block
    D.display:inheric
    【解析】block元素特点:1、独占一行;2、元素的height、width、margin、padding都可以设置。display:block可以将inline元素转换为block元素,从而使元素具有块状元素特点。

    2.以下( D )是HTML常用的块状标签。
    A.
    B.
    C.

    D.


    【解析】 常见的block元素有

        3.块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包括div \ h1-h6\ p\ ul 。A
        A.√
        B.×

        4.默认情况下,块状元素都会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象;默认情况下块状元素会按顺序自上而下排列。A
        A.√
        B.×

        5.块状元素都不可以定义自己的宽度和高度 。B
        A.√
        B.×

        6.块状元素可以作为其他元素的容器,它可以容纳其他行内元素和其他块状元素。A
        A.√
        B.×

        浮动定位

        1.clear属性取值说法正确的是( D )。
        A.取值为all表示四周浮动元素被删除
        B.取值为left表示左侧浮动元素被删除
        C.取值为right表示右侧浮动元素被删除
        D.取值为both表示清除两侧浮动

        2.float属性说法不正确的是( C )。
        A.该属性可以用于图文混排
        B.该属性可以用于网页分栏
        C.该属性可以用于盒子层叠
        D.该属性可以用于浮动定位

        3.浮动元素在文档流中的原位置依然保留。B
        A.√
        B.×

        4.利用float属性将3个div盒子水平排列,可以将3个盒子都设置float:right。A
        A.√
        B.×

        5.如果一个父元素的所有子元素都浮动起来,则这个父元素默认高度坍缩为0。A
        A.√
        B.×

        层定位

        1.如果要将网页中的两个div对象制作为重叠效果,( D )。
        A.是不可能的
        B. 利用表格标记


        C. 利用样式表定义中的绝对位置与相对位置属性
        D. 利用样式表定义中的z-index属性
        中国大学MOOC Web前段开发之测试题答案_第22张图片
        2.以下哪个选项是对对象进行定位的( C )。
        A.padding
        B.margin
        C.position
        D.display

        3.position属性取值( D )表示固定定位。
        A.absolute
        B.relative
        C.static
        D.fixed

        4.position属性取值( A )表示相对定位。
        A.relative
        B.absolute
        C.static
        D.fixed

        5.position属性设定,表示定位的参照物是哪个元素;而定位位置则由top,bottom,left,right的取值决定。A
        A.√
        B.×

        6.通常将父元素设置为绝对定位,子元素设置为相对定位,就可以将子元素相对于父元素定位了。B
        A.√
        B.×
        【解析】对于absolute定位的层总是相对于去最近的定义为absolute或relative的父层,而这个父层并不一定是其直接父层。通常将父元素设置为relative(相对定位),子元素设置为absolute(绝对定位),top、bottom、left、right相对于父元素来进行偏移定位。

        第五章节 CSS3

        圆角边框与阴影

        1.表示圆角边框的属性是( C )。
        A.border-shadow
        B.border-round
        C.border-radius
        D.border-box

        2.关于以下代码说法错误的是( C )。
        border-top-left-radius: 40px 20px;
        A.设置盒子左上角圆角边框样式
        B.这是一个CSS3属性
        C.左上角边框显示1/4圆形的弧度
        D.左上角边框显示1/4椭圆形的弧度

        3.box-shadow属性可以设置( B)。
        A.仅仅盒子外部阴影
        B.盒子内部、外部阴影
        C.仅仅盒子内部阴影
        D.其他都不对

        4.box-shadow属性不能设置盒子的阴影颜色,只能是黑色阴影。B
        A.√
        B.×

        5.下面两条语句,盒子阴影模糊范围一样大。A
        box-shadow: 10px 10px 5px #888;
        box-shadow: 10px 20px 5px #888;
        A.√
        B.×
        中国大学MOOC Web前段开发之测试题答案_第23张图片

        文字与文本

        1.以下代码可以做长单词折叠显示的是( C)。
        A.word-break:break-word;
        B.word-break:wrap;
        C.word-wrap:break-word;
        D.word-wrap:normal;
        中国大学MOOC Web前段开发之测试题答案_第24张图片
        2.以下哪行代码是文本描边效果( C )。
        A.text-shadow:2px 2px #f00;
        B.text-shadow:2px 2px 8px blue;
        C.text-shadow:0 0 3px #f00;
        D.text-shadow:2px 2px 4px #000;
        中国大学MOOC Web前段开发之测试题答案_第25张图片
        3.以下关于web字体描述正确的是( B )。
        A.web字体,是需要将字体文件预先安装到客户端
        B.web字体文件格式分为好多种,每种浏览器支持不同的格式
        C.web字体无需预先安装,需要时会由搜索引擎搜索后提供结果
        D.web字体可以用@font-family定义出来

        4.@font-face规则利用src属性,说明web字体来源。A
        A.√
        B.×

        5.web字体的优点是,用户不需要预先安装这种特殊字体,由服务器端提供字体文件。A
        A.√
        B.×
        【解析】web字体,放在服务器上,需要是下载使用。

        2D变换

        1.以下哪个代码可以将盒子顺时针旋转30度( D )。
        A.transform:scale(30deg);
        B.transform:scale(-30deg);
        C.transform:rotate(-30deg);
        D.transform:rotate(30deg);

        2.以下哪行代码可以将盒子放大2倍显示( A )。
        A.transform: scale(2);
        B.transform: scale(“2”);
        C.transform: rotate(2);
        D.transform: rotate(“2”);

        3.2D变换中,transform属性可以使用不同函数,完成不同类型的变换。A
        A.√
        B.×

        4.rotate()函数,其参数取值单位是 deg,表示旋转的角度。A
        A.√
        B.×

        5.scale()函数取值可正可负,取正值表示放大,取负值表示缩小。B
        A.√
        B.×
        【解析】缩放transform:scale(x,y);x是指水平方向缩放的倍数;y是指垂直方向缩放的倍数,若省略,同x;0~1是缩小,大于1是放大。

        过渡与动画

        1.( B )可以将盒子的背景颜色、宽度,在1s内,匀速,完成过渡效果。
        A.transition:background-color width 1s linear;
        B.transition:all 1s linear;
        C.transition:all 1s ease;
        D.transition:background-color width 1s ease;
        中国大学MOOC Web前段开发之测试题答案_第26张图片2.transition-duration属性表示( A )。
        A.过渡时间
        B.过渡方式
        C.过渡属性
        D.过渡延迟

        3.animation: mycolor 5s linear;关于这条语句叙述错误的是( D )。
        A.mycolor是由@keyframes定义的动画名
        B.5s表示5秒完成动画
        C.linear表示匀速播放动画
        D.mycolor中的关键帧由animation定义
        中国大学MOOC Web前段开发之测试题答案_第27张图片
        4.@keyframes可以定义动画的很多个关键帧,由animation设定动画播放时长、方式等信息。A
        A.√
        B.×

        5.动画是由很多静态图片构成,每个图片可以称为一个关键帧。A
        A.√
        B.×

        3d变换

        1.( B )代码,表示要进行3D变换。
        A.perspective:100px;
        B.transform-style: preserve-3d;
        C.transition:linear 1s;
        D.animation:mycolor 1s linear;

        2.3D变换的说法错误的是( B )。
        A.transform:rotateY(60deg);表示沿Y轴进行3D变换
        B.transition:rotateX(60deg);表示沿X轴进行3D变换
        C.perspective:100px;表示透视中的观察距离
        D.transform-style: preserve-3d; 一般设置在变换元素的父容器中
        【答案选B,但不知道为什么】

        3.3D变换如果没有透视关系,跟2D变换效果相同。B
        A.√
        B.×

        4.3D变换通过transform属性取得不同的rotateX(),rotateY(),rotateZ()完成沿不同坐标轴的变换。A
        A.√
        B.×

        5.3D变换中,perspective属性取值决定是否有透视关系,透视关系的大小。A
        A.√
        B.×

        第六章节 JavaScript基础

        概述与基础语法

        1.下列哪些功能不能使用javascript技术实现( D)。
        A.网页特效
        B.网页小游戏
        C.读写客户机器上的文件
        D.登录注册功能

        2.下列哪个工具不是专业的前端开发工具( D)。
        A.HBuilder
        B.WebStorm
        C.Sublime Text
        D.Pycharm

        3.下列哪个选项不属于js的组成( C )。
        A.ECMAScript
        B.DOM
        C.HTML
        D.BOM
        【解析】js组成包括核心(ECMAScript)、文档对象模型(DOM,Document Object Model)(让JS有能力与网页进行对话)、浏览器对象模型(BOM,Browser Object Model)(让JS有能力与浏览器进行对话)

        4.下列关于js说法不正确的是( D )。
        A.开发工具简单,记事本即可
        B.无需编译,直接由JS引擎负责执行
        C.有面向对象编程思想
        D.强类型语言
        【解析】JS特点:
        1、开发工具简单,记事本即可
        2、弱类型语言有数据来决定数据类型
        3、无需编译,直接由JS引擎负责执行
        4、面对对象

        5.JS代码不能写在哪个位置( C )。
        A.嵌入在元素事件中
        B.嵌入在

        你可能感兴趣的:(中国大学MOOC Web前段开发之测试题答案)