【MOOC】Web前端开发-北京林业大学 中国大学慕课MOOC答案

【MOOC】Web前端开发-北京林业大学中国大学慕课MOOC答案随堂测验1、【判断题】web系统前端是指系统中用户接触到的部分。本题答案：【正确】2、【判断题】web系统后端主要负责完成系统功能，包括数据存取、系统安全等。本题答案：【正确】3、【判断题】网页对应着的源文件包含一些代码，而浏览器可以解析这些代码，呈现出来。本题答案：【正确】随堂测验1、【单选题】以下关于浏览器的描述错误的是：本题答案：【不同浏览器厂商的浏览器，一定有不同的内核。】2、【单选题】以下哪一项是一个HTML元素：本题答案：【title欢迎来到课程首页/title】3、【判断题】只有文字可以进行超链接的设置，而图片不可以。本题答案：【错误】4、【判断题】网页的导航栏是超链接的集合，可以由此进入不同版块或页面。本题答案：【正确】5、【判断题】网站中的网页是逻辑相关的，可以通过超链接的方式被组织在一起。本题答案：【正确】随堂测验1、【单选题】以下说法错误的是（）。本题答案：【如果只使用HTML而不使用CSS，网页是不可能有样式的。】2、【多选题】关于内容、结构和表现说法正确的是（）。本题答案：【内容是页面传达信息的基础#表现使得内容的传达变得更加明晰和方便#内容就是网页实际要传达的信息，包括文本、图片、音乐、视频、数据、文档等】3、【多选题】关于web标准以下说法正确的是（）。本题答案：【Web标准是一个复杂的概念集合，它由一系列标准组成#Web标准可以分为3个方面#Web标准里的表现标准语言主要包括CSS】4、【判断题】HTML是超文本标记语言，是制作网页的标准语言。本题答案：【正确】5、【判断题】CSS负责网页的结构，JavaScript负责网页的行为，也就是跟用户的一些交互。本题答案：【错误】6、【判断题】w3c组织制定关于web技术的一些标准，例如HTML、CSS、JS等。本题答案：【正确】1.概论单元测试1、【单选题】web前端开发中的“web”指的是：本题答案：【web系统】2、【单选题】以下哪个概念或者哪种功能属于“前端”：本题答案：【web系统中以网页等形式为用户提供的部分，用户能接触到的部分】3、【单选题】以下关于网页源文件的叙述不正确的是：本题答案：【网页源文件客户端是看不到的】4、【单选题】以下关于web前端开发技术标准叙述不正确的是：本题答案：【技术标准是由W3School组织提供的】5、【单选题】以下不是网页的页面元素的是：本题答案：【网页源文件】6、【单选题】以下说法中，错误的是：本题答案：【所有网页的扩展名都是.htm】7、【单选题】以下说法中，错误的是：本题答案：【网页就是主页】8、【单选题】下列关于HTML语言描述不正确的是：本题答案：【HTML是指超文本链接语言，用超链接将网页组织在一起】9、【判断题】后端部分是对普通用户不可见的，例如从数据库中读取数据。本题答案：【正确】10、【判断题】Web前端开发技术中HTML是用来完成网页内容的，CSS是用来设置样式的。本题答案：【正确】随堂测验1、【单选题】网页是由HTML语言来实现的，HTML语言是（）。本题答案：【超文本标记语言】2、【单选题】HTML文档中的元素分为()两部分。本题答案：【内容文本、标签】3、【单选题】以下关于HTML标签叙述错误的是：本题答案：【标签和其属性构成了HTML元素】4、【判断题】HTML的标签一定是成对出现的，否则无法完成嵌套关系。本题答案：【错误】5、【判断题】HTML不区分大小写。本题答案：【正确】6、【判断题】所有HTML标签都有开始标签和结束标签构成。本题答案：【错误】随堂测验1、【单选题】关于HTML说法错误的是（）。本题答案：【HTML标签的嵌套结构可以描述成一个网状结构】2、【单选题】下面语句中，（）将HTML页面的标题设置为“HTML练习”本题答案：【titleHTML练习/title】3、【单选题】字符与编码说法错误的是（）。本题答案：【编码方式有很多种，ASCII编码包含了所有语言文字中出现的字符】4、【单选题】为了标识一个HTML文件，应该使用的标签（）。本题答案：【html/html】5、【多选题】以下不是!DOCTYPE元素作用的是（）。本题答案：【该元素用来声明命名空间#该元素用来向搜索引擎声明网站关键字#该元素用来向搜索引擎声明网站作者】6、【判断题】Unicode编码与UTF-8编码都涵盖了所有语言文字本题答案：【正确】7、【判断题】网页源文件本身的编码方式与浏览器解读的编码方式如果不同，就会出现乱码。本题答案：【正确】随堂测验1、【单选题】表示水平分割线线的HTML代码是：本题答案：【hr/】2、【单选题】下面标记中，（）在标记的位置添加一个回车符。本题答案：【br/】3、【单选题】创建最小的标题的文本标签是：本题答案：【h6/h6】4、【单选题】在HTML中，标记pre的作用是()。本题答案：【预排版标签】5、【判断题】默认情况下，h1标签的文字字号，要远小于h6标签。本题答案：【错误】6、【判断题】HTML的注释语句格式为：/**/。本题答案：【错误】随堂测试1、【单选题】超链接基本语法是：本题答案：【ahref=URL.../a】2、【单选题】超文本标记语言ahref=“http://www．cctv．com”央视国际/a的作用是：本题答案：【创建一个指向央视国际网站的超链接】3、【单选题】以下说法正确的是：本题答案：【a标签的href属性用于指定要链接的地址】4、【判断题】a标签可以跳转到外部站点的页面，例如跳转到新浪网首页，可以写如下代码：ahref=新浪首页/a本题答案：【错误】随堂测验1、【单选题】有关网页中的图像的说法不正确的是：本题答案：【HTML语言可以直接描述图像上的像素】2、【单选题】假如要将图片文件asrlogo.jpg插入页面，并为该图片、设置提示文字为”ASROutfittersLogo”.下面语句正确的是：本题答案：【＜imgsrc=asrlogo.jpgalt=ASROutfittersLogo＞】3、【单选题】如果图片不能正常显示，错误的原因可能是：本题答案：【引用图片的路径不对】4、【单选题】在网页中添加一个图片的HTML代码是：本题答案：【imgsrc=″图片路径及文件名″】5、【单选题】若要在页面中创建一个图形超链接，要显示的图形为myhome.jpg,所链接的地址为,以下用法中，正确的是：本题答案：【ahref=””imgsrc=”myhome.jpg”/a】6、【单选题】以下说法中，错误的是：本题答案：【只有GIF格式才能使用透明色】随堂测验1、【单选题】无序列表的HTML代码是（）本题答案：【ulli.../li/ul】2、【单选题】设置围绕表格的边框宽度的HTML代码是:本题答案：【tableborder=】3、【单选题】定义表行的HTML是：本题答案：【tr】4、【单选题】定义表头的HTML是：本题答案：【th】5、【单选题】表示区域的标签是：本题答案：【div】随堂测验1、【单选题】在HTML中,formaction=?,action表示：本题答案：【提交的URL地址】2、【单选题】增加表单的输入框的HTML代码是：本题答案：【inputtype=text】3、【单选题】增加表单的复选框的HTML代码是：本题答案：【inputtype=checkbox】4、【单选题】增加表单的文本域的HTML代码是：本题答案：【textareaname=textarea/textarea】5、【单选题】增加表单的密码域的HTML代码是：本题答案：【inputtype=password】2.HTML基础单元作业2.HTML基础单元测验1、【单选题】HTML文件中，下面（）标签中包含了网页的全部内容。本题答案：【body…/body】2、【单选题】用HTML标记语言编写一个简单的网页，网页最基本的结构是：本题答案：【htmlhead…/headbody…/body/html】3、【单选题】以下说法中，正确的是：本题答案：【多个br标签可以产生多个空行】4、【单选题】以下标记符中，没有对应的结束标记的是：本题答案：【br】5、【单选题】以下说法中，错误的是：本题答案：【在HTML中，可以用hr标签产生空行】6、【单选题】以下描述将图像作为链接的形式正确的是：本题答案：【＜ahref=””＞＜imgsrc=logo.gif＞＜/a＞】7、【单选题】已知services.html与text.html在同一站点文件夹site中。text.html位于site根下，但文档services.html在site子文件夹information中。现要求在text.html文档中编写一个超链接，链接到文档services.html。下面语句正确的是：本题答案：【ahref=information/services.htmlLink/a】8、【单选题】以下说法中，错误的是：本题答案：【JPEG格式的图象具有透明色的特点】9、【单选题】根据以下的HTML代码：htmlheadtitle表格/titleheadbodytableborder=1trtd1/tdtd2/td/trtrtd3/td/tr/table/body/html对以上代码，以下描述正确的是：本题答案：【1和2的表格在同一行】10、【单选题】以下有关列表的说法中，错误的是：本题答案：【在创建列表时，il标签用于创建有序列表】11、【单选题】要创建一个1行2列的表格，下面语句正确的是:本题答案：【＜table＞＜tr＞＜td＞单元格1＜/td＞＜td＞单元格2＜/td＞＜/tr＞＜/table＞】12、【单选题】meta元素的作用是:本题答案：【meta元素用于指定关于HTML文档的信息】13、【单选题】语句A：HTML文档必须包括“头”和“主体”两部分语句B：HTML文档的扩展名为.htm或.html以下说法正确的是：本题答案：【只有B对】14、【单选题】HTML中，用什么方法可以将段落内容在页面中居中：本题答案：【align=center】15、【单选题】A文件夹与B文件夹是同级文件夹，其中A下有a.htm，B下有b.htm文件，现在我们希望在a.htm文件中创建超链接，链接到b.htm，应该在a.htm页面代码中如何描述链接内容：本题答案：【../B/b.htm】16、【单选题】我们想要在HTML文档中加入图像，可以使用哪个标记来达到要求：本题答案：【img】17、【单选题】想要在页面中加入一个分区，可以使用哪些HTML标签来描述：本题答案：【div】18、【单选题】下列的HTML中哪个可以产生超链接：本题答案：【ahref=W3Schools/a】19、【单选题】以下选项中，哪个全部都是表格标签：本题答案：【tabletrtd】20、【单选题】下列的HTML中哪个可以产生复选框：本题答案：【inputtype=checkbox】21、【判断题】HTML语言是指超文本标记语言，超文本，是超出文本范围的其他形式、内容更丰富的文本。本题答案：【错误】22、【判断题】表单元素需要放在表单域里面，单选按钮需要用radio标签实现。本题答案：【错误】随堂测验1、【单选题】CSS是（）的缩写。本题答案：【CascadingStyleSheets】2、【单选题】下列（）是定义样式表的正确格式。本题答案：【body{color:black}】3、【单选题】下列（）是定义样式表中的注释语句。本题答案：【/*注释语句*/】4、【多选题】关于CSS基本语法说法正确的是（）。本题答案：【属性必须要包含在{}号之中#当有多个属性设置时，用“；”进行区分】5、【判断题】CSS样式的选择器可以是标签的名字。本题答案：【正确】6、【判断题】有了CSS样式，就可以做到使内容与样式分离，便于分别修改。本题答案：【正确】随堂测验1、【单选题】表示内嵌样式的元素是（）。本题答案：【style】2、【单选题】如果要在不同的网页中应用相同的样式表定义，应该（）。本题答案：【通过一个外部样式表文件定义样式表】3、【单选题】引用外部样式表的格式是（）。本题答案：【linkrel=stylesheettype=text/csshref=mystyle.css】4、【单选题】引用外部样式表的元素应该放在（）。本题答案：【在head元素中】5、【单选题】外部样式表文件可以由以下哪个标签导入（）。本题答案：【link】6、【多选题】关于样式表的优先级说法正确的是（）。本题答案：【直接定义在标签上的CSS样式级别最高#内部样式表优先级低于行内样式#外部样式表级低于内部样式】7、【判断题】CSS样式添加的方式有三种，分别是行内样式、内嵌样式、外部样式表链接样式。本题答案：【正确】8、【判断题】CSS行内样式添加的时候，采用的是style标签进行添加。本题答案：【错误】9、【判断题】CSS行内样式只对当前元素起作用。本题答案：【正确】10、【判断题】CSS内嵌样式用CSS定义样式，然后在HTML部分引用这种样式。本题答案：【正确】随堂测验1、【单选题】样式表定义#title{color:red}表示（）。本题答案：【网页中某一个id为title的元素中的内容是红色的】2、【单选题】样式表定义.outer{background-color:red}表示（）。本题答案：【网页中含有class=”outer”元素的背景色是红色的】3、【单选题】CSS中的选择器不包括（）。本题答案：【超文本标记选择器】4、【单选题】下列哪种方式是用类选择器定义样式的（）。本题答案：【.one{color:red;}】5、【单选题】以下关于class和id的说法错误的是（）。本题答案：【id和class只是在写法上有区别，在应用和意义上没有区别】6、【单选题】下面选项中是合法的类样式的是（）。本题答案：【.word】随堂测验1、【单选题】下列选项中不属于CSS文本属性的是（）。本题答案：【font-size】2、【单选题】下列（）表示p元素中的字体是粗体。本题答案：【p{font-weight:bold}】3、【单选题】下列哪个css属性可以更改字体大小（）。本题答案：【font-size】4、【单选题】下列哪个css属性能够更改文本字体（）。本题答案：【font-family】5、【单选题】下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号，正确的定义是（）。本题答案：【p{font-family:宋体;font-size:20px;font-weight:800;color:red;font-style:italic;}】6、【单选题】下面代码使用HTML元素的id属性，将样式应用于网页上的某个段落：pid="firstp"这是第一个段落/p以下关于样式规则定义正确的是（）。本题答案：【styletype=text/css#firstp{color:red}/style】随堂测验1、【单选题】下列（）表示a元素中的内容没有下划线。本题答案：【a{text-decoration:none}】2、【单选题】下面哪个CSS属性是用来更改背景颜色的（）。本题答案：【background-color】3、【单选题】怎样给所有的h1标签添加背景颜色（）。H、h1.all{background-color:I、FFFFFF}本题答案：【h1{background-color:#FFFFFF;}】4、【单选题】如下所示的这段CSS样式代码，定义的样式效果是（）。a:active{color:#000000;}H、000000颜色本题答案：【活动链接是#000000颜色】5、【单选题】a:link表示超链接文字在（）时的状态。本题答案：【初始状态】6、【单选题】a:hover表示超链接文字在（）时的状态。本题答案：【鼠标放上去】随堂测验1、【单选题】在CSS语言中下列哪一项是列表项标号图象的语法（）。本题答案：【list-style-image:值】2、【单选题】下列（）表示列表项符号是小方块。本题答案：【list-style-type:square】3、【多选题】list-style-position的取值包括（）。本题答案：【inside#outside】4、【多选题】list-style-type属性叙述正确的是（）。本题答案：【可以设置列表项目标号类型。#对无序列表有效。#对有序列表有效。】5、【多选题】以下对列表的描述，哪个是正确的（）。本题答案：【list-style-type#list-style-position#list-style-image:url】6、【判断题】如果设置table标签的border属性，默认可以看到两层边框线。本题答案：【正确】7、【判断题】可以使用table-collapse属性将表格边框和单元格边框重合在一起显示。本题答案：【错误】3.CSS样式单元作业3.CSS样式单元测验1、【单选题】下列哪段代码能够定义所有p标签内文字加粗（）。本题答案：【p{font-weight:bold}】2、【单选题】如何去掉文本超级链接的下划线（）。本题答案：【a{text-decoration:none}】3、【单选题】有内部样式表定义如下：styletype=text/cssp{color:red;font-size:15px;}/style同时，有HTML代码如下所示：pstyle=background-color:gray;color:blue;ptext/p段落中的文本”ptext“的最终显示效果是（）。本题答案：【蓝色文本，字体大小为15px，背景色为灰色】4、【单选题】查看如下样式定义：.A.B{font-weight:bold;}下列选项中，文本加粗显示的是（）。本题答案：【pclass=Aaclass=B文本/a/p】5、【单选题】关于CSS定义的说法错误的是（）。本题答案：【样式定义时属性和属性之间用空格分隔】6、【单选题】关于样式表的优先级说法不正确的是（）。本题答案：【外部样式表级别最低】7、【单选题】使用link元素调用CSS的语法中，以下哪个属性是用来指定CSS文件的路径的（）。本题答案：【href】8、【单选题】下列哪种方式是用类选择器定义样式的（）。本题答案：【.one{color:red}】9、【单选题】根据以下的CSS代码：h1{color:limegreen;font-family:aria}可以知道（）。本题答案：【{}部分是对H1这个选择器的样式的内容】10、【单选题】阅读下面代码，段落标签p内文本最终显示的颜色是（）。styletype="text/css"body{color:#333;}#text{color:#f00;}.content{color:#00f;}.gray{color:#666;}/style......pid="text"class="contentgray"锦瑟无端五十弦，一弦一柱思华年。/pH、333本题答案：【#f00】11、【单选题】在HTML页面中，调用外部样式表的方法是（）。本题答案：【linkrel=stylesheettype=text/csshref=外部样式表地址/】12、【单选题】（）样式表一般用于大型网站。本题答案：【链接外部】13、【单选题】在HTML中，下面（）不属于HTML文档的基本组成部分。本题答案：【style/stytle】14、【单选题】在HTML的body区域的某处有一段代码tablestyle=″color:red;font-size:10pt″，此为（）。本题答案：【行内样式表】15、【单选题】下面选项中（）应用了行内样式。本题答案：【pstyle=color:red;】16、【单选题】下列代码段是某页面的样式设置：styletype=text/css.blue{color:blue}.red{color:red}/style现要求将页面中的第一个h1标题设置为红色，第一个段落设置为蓝色。下列代码正确的是（）。本题答案：【h1class=red第一个标题h1pclass=blue第一个段落】17、【单选题】以下关于奇偶选择器论述正确的是（）。tr:nth-child(odd){color:red;}本题答案：【表格奇数行，文字颜色为红色】18、【单选题】以下可以用于设置列表标号是一个图片的代码是（）。本题答案：【list-style-image:url(pic.jpg)】19、【单选题】以下关于背景样式描述正确的是（）。本题答案：【背景图片使用background-image设置，背景颜色使用background-color设置】20、【单选题】以下关于超链接样式叙述正确的是（）。本题答案：【可以分别设置四种不同状态下的超链接样式】21、【判断题】CSS行内样式的优先级高于外部样式表链接样式，如果有对属性的重复设置，行内样式会覆盖掉外部样式表的样式。本题答案：【正确】22、【判断题】超链接如果四种状态下做统一设置，则只需要定义选择器名称为a的样式即可。本题答案：【正确】随堂测验1、【判断题】盒子模型中的盒子，可以是任何页面元素。本题答案：【正确】2、【判断题】盒子模型中的盒子是可以逐层嵌套的。本题答案：【正确】3、【判断题】CSS进行布局与定位，首先用盒子将元素大小、边距等信息确定下来，然后用定位方式决定盒子的位置。本题答案：【正确】4、【判断题】定位机制分为三种：盒子定位、文档流定位、浮动定位。本题答案：【错误】随堂测验1、【单选题】下列（）表示上边框线宽10px，下边框线宽5px，左边框线宽20px，右边框线宽1px。本题答案：【border-width:10px1px5px20px】2、【单选题】在CSS语言中下列哪一项是左边框的语法（）。本题答案：【border-left:值】3、【多选题】CSS中，盒模型的属性包括（）。本题答案：【border#padding#margin】4、【多选题】下列哪些是设置有关边框的属性（）。本题答案：【border-color#border-style#border-width】5、【多选题】以下哪个选项是设置边框的（）。本题答案：【border-bottom#border-top#border-left#border-right】6、【判断题】盒子模型中，边框的属性是可以分为4个方向分别设置的。本题答案：【正确】7、【判断题】溢出盒子的部分，可以使用overflow属性，将其设置为hidden隐藏起来。本题答案：【正确】随堂测试1、【单选题】下列哪个属性能够设置盒模型的左侧外边距（）。本题答案：【margin-left】2、【单选题】下列哪个CSS属性能够设置盒子模型的内边距为10、20、30、40、（顺时针方向）()。本题答案：【padding:10px20px30px40px】3、【单选题】阅读下面HTML代码，两个div之间的垂直空白距离是（）。styletype=text/css.header{margin:10px;border:1pxsolid#f00;}.container{margin:15px;border:1pxsolid#f00;}/style......divclass=header/divdivclass=container/div本题答案：【15px】4、【单选题】阅读下面CSS代码，下面选项中与该代码段效果等同的是（）。.box{margin:10px5px;margin-right:10px;margin-top:5px;}本题答案：【.box{margin:5px10px10px5px;}】5、【单选题】利用以下什么代码可以设置div区域的水平居中（）。本题答案：【div{margin:100pxauto}】6、【判断题】文字、图片、div区域水平居中，都可以使用text-align:center进行设置。本题答案：【错误】7、【判断题】margin:1px2px1px3px;可以缩写成margin:1px2px3px;本题答案：【错误】随堂测试1、【判断题】浮动定位通过float属性设置来实现。本题答案：【正确】2、【判断题】默认定位方式就是文档流定位。本题答案：【正确】3、【判断题】层定位通过postion属性来设定。本题答案：【正确】4、【判断题】对于一个盒子，文档流定位、浮动定位、层定位只能选择其中一个。本题答案：【错误】5、【判断题】层定位是可以将盒子像图层一样处理，有前后层叠顺序。本题答案：【正确】随堂测验1、【单选题】下列哪个样式定义后,行级元素可以定义宽度和高度()。本题答案：【display:block】2、【单选题】以下()是HTML常用的块状标签。本题答案：【h1】3、【判断题】块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包括div\h1-h6\p\ul。本题答案：【正确】4、【判断题】默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下块状元素会按顺序自上而下排列。本题答案：【正确】5、【判断题】块状元素都不可以定义自己的宽度和高度。本题答案：【错误】6、【判断题】块状元素可以作为其他元素的容器，它可以容纳其他行内元素和其他块状元素。本题答案：【正确】随堂测验1、【单选题】clear属性取值说法正确的是()。本题答案：【取值为both表示清除两侧浮动】2、【单选题】float属性说法不正确的是（）。本题答案：【该属性可以用于盒子层叠】3、【判断题】浮动元素在文档流中的原位置依然保留。本题答案：【错误】4、【判断题】利用float属性将3个div盒子水平排列，可以将3个盒子都设置float:right。本题答案：【正确】5、【判断题】如果一个父元素的所有子元素都浮动起来，则这个父元素默认高度坍缩为0。本题答案：【正确】随堂测验1、【单选题】如果要将网页中的两个div对象制作为重叠效果，（）。本题答案：【利用样式表定义中的z-index属性】2、【单选题】以下哪个选项是对对象进行定位的（）。本题答案：【position】3、【单选题】position属性取值（）表示固定定位。本题答案：【fixed】4、【单选题】position属性取值（）表示相对定位。本题答案：【relative】5、【判断题】position属性设定，表示定位的参照物是哪个元素；而定位位置则由top,bottom,left,right的取值决定。本题答案：【正确】6、【判断题】通常将父元素设置为绝对定位，子元素设置为相对定位，就可以将子元素相对于父元素定位了。本题答案：【错误】4.CSS定位与布局单元作业4.CSS定位与布局单元测验1、【单选题】下面关于CSS的说法错误的有（）。本题答案：【margin属性不能同时设置四个边的边距】2、【单选题】下列属性哪一个能够实现层的隐藏（）。本题答案：【display:none】3、【单选题】有样式定义如下：div.parent{width:100px;height:70px;border:1pxsolidgray;}div.child{width:80px;height:30px;border:1pxsolidblack;background-color:silver;}同时，有html代码如下所示：bodydivclass=parentdivclass=child1/divdivclass=childstyle=position:absolute;top:15px;2/div/div/body第二个div在页面上的最终位置是（）。本题答案：【其上边框距离body元素为15px距离】4、【单选题】关于float描述错误的是（）。本题答案：【可以设置为float:center】5、【单选题】以下哪个选项是设置底边框的（）。本题答案：【border-bottom】6、【单选题】以下关于CSS+DIV布局中关于盒子模型说法错误的是（）。本题答案：【填充、边框和边界和内容区域都分为上、下、左、右四个方向，既可以分别定义，也可以统一定义】7、【单选题】在CSS中，为页面中的某个div标签设置样式div{width:200px;padding:020px;border:5pxsolidblack;}，则该标签的实际宽度为（）。本题答案：【250px】8、【单选题】可以利用什么标记构建网页布局（）。本题答案：【div】9、【单选题】下列元素中，是行内元素的是（）。本题答案：【span】10、【单选题】采用DIV+CSS设计页面布局，错误的是（）。本题答案：【其他都不对】11、【单选题】阅读下面HTML代码，两个div水平之间的空白距离是（）。styletype=text/cssdiv{float:left;width:100px;height:200px;margin:5px;}/style......div/divdiv/div......本题答案：【10px】12、【单选题】查看如下html代码：divstyle=float:left;divtext/divpstyle=clear:left;ptext/p此代码在页面上的显示效果为（）。本题答案：【div中的文本和p中的文本分两行显示，且文本左对齐】13、【单选题】层定位中，以下说法错误的是（）。本题答案：【父元素不管什么定位方式，子元素为position:absolute，那么子元素相对于父元素定位】14、【单选题】以下代码可以将div水平居中的是（）。本题答案：【div{width:200px;margin:0auto;}】15、【单选题】相对定位与绝对定位说法正确的是（）。本题答案：【它们都脱离了文本流】16、【单选题】以下说法错误的是（）。本题答案：【z-index值越大，层越是在下方】17、【单选题】以下哪个不是block类型元素（）。本题答案：【input】18、【单选题】inline类型的元素（）。本题答案：【display:inline表示将该元素表现出inline元素的特点】19、【单选题】浮动定位说法正确的是（）。本题答案：【可以用float属性设置浮动定位#可以用clear属性清除浮动】20、【单选题】关于盒子模型叙述错误的是（）。本题答案：【盒子的各个组成部分都对应着CSS属性:content，border，padding，margin】随堂测验1、【单选题】表示圆角边框的属性是（）。本题答案：【border-radius】2、【单选题】关于以下代码说法错误的是（）。border-top-left-radius:40px20px;本题答案：【左上角边框显示1/4圆形的弧度】3、【单选题】box-shadow属性可以设置（）。本题答案：【盒子内部、外部阴影】4、【判断题】box-shadow属性不能设置盒子的阴影颜色，只能是黑色阴影。本题答案：【错误】5、【判断题】下面两条语句，盒子阴影模糊范围一样大。box-shadow:10px10px5px#888;box-shadow:10px20px5px#888;本题答案：【正确】随堂测验1、【单选题】以下代码可以做长单词折叠显示的是（）。本题答案：【word-wrap:break-word;】2、【单选题】以下哪行代码是文本描边效果（）。本题答案：【text-shadow:003px#f00;】3、【单选题】以下关于web字体描述正确的是（）。本题答案：【web字体文件格式分为好多种，每种浏览器支持不同的格式】4、【判断题】@font-face规则利用src属性，说明web字体来源本题答案：【正确】5、【判断题】web字体的优点是，用户不需要预先安装这种特殊字体，由服务器端提供字体文件。本题答案：【正确】随堂测验1、【单选题】以下哪个代码可以将盒子顺时针旋转30度（）。本题答案：【transform:rotate(30deg);】2、【单选题】以下哪行代码可以将盒子放大2倍显示（）。本题答案：【transform:scale(2);】3、【判断题】2D变换中，transform属性可以使用不同函数，完成不同类型的变换。本题答案：【正确】4、【判断题】rotate()函数，其参数取值单位是deg，表示旋转的角度。本题答案：【正确】5、【判断题】scale()函数取值可正可负，取正值表示放大，取负值表示缩小。本题答案：【错误】随堂测验1、【单选题】（）可以将盒子的背景颜色、宽度，在1s内，匀速，完成过渡效果。本题答案：【transition:all1slinear;】2、【单选题】transition-duration属性表示（）。本题答案：【过渡时间】3、【单选题】animation:mycolor5slinear;关于这条语句叙述错误的是（）。本题答案：【mycolor中的关键帧由animation定义】4、【判断题】@keyframes可以定义动画的很多个关键帧，由animation设定动画播放时长、方式等信息。本题答案：【正确】5、【判断题】动画是由很多静态图片构成，每个图片可以称为一个关键帧。本题答案：【正确】随堂测验1、【单选题】（）代码，表示要进行3D变换。本题答案：【transform-style：preserve-3d;】2、【单选题】3D变换的说法错误的是（）。本题答案：【transition:rotateX(60deg);表示沿X轴进行3D变换】3、【判断题】3D变换如果没有透视关系，跟2D变换效果相同。本题答案：【错误】4、【判断题】3D变换通过transform属性取得不同的rotateX(),rotateY(),rotateZ()完成沿不同坐标轴的变换。本题答案：【正确】5、【判断题】3D变换中，perspective属性取值决定是否有透视关系，透视关系的大小。本题答案：【正确】5.CSS3单元测验1、【单选题】对于一个高和宽都是20px的盒子，设置其border-radius：10px；可以生成（）。本题答案：【圆形】2、【单选题】box-shadow:10px10px5px#888;其中5px是指（）；本题答案：【阴影模糊范围】3、【单选题】以下说法不正确的是（）。本题答案：【animation和keyframes都是属性名称】4、【判断题】3D变换可以沿X轴、Y轴或者Z轴进行变换。本题答案：【正确】5、【判断题】3D变换的舞台，通常是进行3D变换元素的父容器。本题答案：【正确】6、【判断题】3D变换产生类似三维效果，可以在三维空间中进行变换，但是无法改变透视效果的大小。本题答案：【错误】随堂测验1、【单选题】下列哪些功能不能使用javascript技术实现（）。本题答案：【登录注册功能】2、【单选题】下列哪个工具不是专业的前端开发工具（）。本题答案：【Pycharm】3、【单选题】下列哪个选项不属于js的组成（）。本题答案：【HTML】4、【单选题】下列关于js说法不正确的是（）。本题答案：【强类型语言】5、【单选题】JS代码不能写在哪个位置（）。本题答案：【嵌入在title标签中】随堂测验1、【单选题】关于变量名的命名规范说法错误的是（）。本题答案：【不可以采用驼峰命名法】2、【单选题】在javascript中使用（）来分隔两条语句。本题答案：【分号】3、【单选题】varage=25;console.log(“age”);请问最终输出结果显示的是（）。本题答案：【age】4、【单选题】下列变量名错误的是（）。本题答案：【1stu】5、【单选题】下列关于变量赋值说法错误的是（）。本题答案：【35=30是正确的】单元测验1、【单选题】下列哪种数据类型不是原始类型（）。本题答案：【引用类型】2、【单选题】下列是数字类型的是（）。本题答案：【66】3、【单选题】下列是字符串类型的是（）。本题答案：【“55”】4、【单选题】下列是布尔类型的是（）。本题答案：【true】5、【单选题】typeof(num);的作用是（）。本题答案：【获取num的数据类型】随堂测验1、【单选题】下列不属于运算符的是（）。本题答案：【@】2、【单选题】下列表达式的值正确的是（）。本题答案：【10%3的值是1】3、【单选题】下列不属于逻辑运算符的是（）。本题答案：【】4、【单选题】varmsg=2018?”成年人”:”未成年人”;的结果是（）。本题答案：【成年人】5、【单选题】表达式18151820的结果是（）。本题答案：【true】6、【单选题】表达式varresult=85=80？优秀:(score=60?合格:不合格);的值是（）。本题答案：【优秀】随堂测验1、【单选题】声明函数时，要使用一个关键词是（）。本题答案：【function】2、【单选题】下列选项可以将指定数据转换为整数的是（）。本题答案：【parseInt】3、【单选题】下列说法错误的是（）。本题答案：【声明函数时定义的参数，可以称之为叫作实参】4、【单选题】functionadd(){//1varsum=1+2;//2console.log(sum);//3}console.log(sum);//4在此程序中哪一行语句是错误的（）。本题答案：【4】5、【单选题】vara=1;functionsum(b){console.log(a);a+=2;}sum(a);console.log(a);此程序的最终结果为（）。本题答案：【13】6、【单选题】functionsum(num1,num2){returnnum1+num2;}varresult=sum(1,2);console.log(result);此程序的结果为（）。本题答案：【3】随堂测验1、【单选题】下列哪一项不是程序结构（）。本题答案：【逻辑结构】2、【单选题】以下选项作为分支结构中的条件表达式结果为真的是（）。本题答案：【1】3、【单选题】switch-case语句中的break的作用是（）。本题答案：【跳出switch结构】4、【单选题】下列选项关于switch-case结构表述正确的是（）。本题答案：【switch-case结构中的case可以是多个】5、【单选题】若a和b均是整形变量并已正确赋值，正确的switch语句是（）。本题答案：【switch(a%b){......}】随堂测验1、【单选题】下列不属于循环结构的是（）。本题答案：【switch-case】2、【单选题】vari=1while(i5){console.log(“*”);}该程序最终输出几个*（）。本题答案：【无数个】3、【单选题】在循环结构中continue关键字的作用是（）。本题答案：【终止本次循环，继续执行下次循环】4、【单选题】vari=0;while(i5){console.log(“*”);if(i==3){break;}i++;}该程序最终输出几个*（）。本题答案：【4】5、【单选题】vari=0;while(i5){i++;if(i==3){continue;}console.log(“*”);}该程序最终输出几个*（）。本题答案：【4】随堂测验1、【单选题】下列创建空数组格式正确的是（）。本题答案：【vararr=newArray();】2、【单选题】创建数组vara=[1,2,3];那么a[1]的值是（）。本题答案：【2】3、【单选题】vararr=newArray(5);console.log(arr.length);该程序的结果为（）。本题答案：【5】4、【单选题】下列表达式是获取数组最后一个元素的是（）。本题答案：【arr[arr.length-1]】5、【单选题】数组下标是从（）开始的。A．0B．1C．2D．3本题答案：【0】随堂测验1、【单选题】以下方法中哪个可以将数组中的元素转换为字符串,并用逗号分隔（）。本题答案：【String(arr)】2、【单选题】以下方法中哪个可以将数组中的元素转换为字符串且可以用自定义连接符分隔（）。本题答案：【arr.join()】3、【单选题】关于arr.slice()说法错误的是（）。本题答案：【将会直接修改原数组】4、【单选题】arr.sort()的作用是（）。本题答案：【将所有元素转为字符串再排序】5、【单选题】下列关于arr.reverse()说法正确的是（）。本题答案：【进行颠倒数组操作】6、【单选题】关于arr.splice()说法错误的是（）。本题答案：【可进行选取操作】随堂测验1、【单选题】下列关于DOM的描述哪句话是不正确的（）。本题答案：【DOM的DocumentObjectModel浏览器对象模型的缩写】2、【单选题】下列不是DOM查找操作的是（）。本题答案：【appendChild()】3、【单选题】下列可用于精确查找一个元素的是（）。本题答案：【getElementById()】4、【单选题】下列是按标签查找元素的是（）。本题答案：【getElementsByTagName()】5、【单选题】下列关于getElementsByTagName描述不正确的是（）。本题答案：【只返回第一个元素】6、【单选题】下列DOM查找中返回集合的是（）。本题答案：【getElementsByTagName()】随堂测验1、【单选题】下列关于DOM核心描述正确的是（）。本题答案：【可操作一切结构化文档的API】2、【单选题】下列不属于核心DOM的操作的是（）。本题答案：【appendChild()】3、【单选题】下列哪项是移除属性值（）。本题答案：【removeAttribute()】4、【单选题】已知varh1=document.getElementById(“a1)，下列修改属性值正确的是（）。本题答案：【h1.setAttribute(“name”,”zhangsan”)】5、【单选题】varbool=elem.hasAttribute(name)的含义是（）。本题答案：【判断是否包含name属性】6、【单选题】下列关于DOM操作的描述，不正确的是（）。本题答案：【setAttribute(属性名)设置属性值】7、【单选题】下列关于HTMLDOM的描述不正确的是（）。本题答案：【包括HTML和XML】随堂测验1、【单选题】下列哪项不属于添加元素的步骤（）。本题答案：【获取关键属性值】2、【单选题】下列哪项不属于设置关键属性（）。本题答案：【a.style.opacity=1;】3、【单选题】下列属于将元素添加到DOM树操作的是（）。本题答案：【appendChild()】4、【单选题】下列属于在父元素中的指定子节点之前添加一个新的子节点的是（）。本题答案：【insertBefore()】5、【单选题】下列不属于添加元素优化的是（）。本题答案：【getAttribute()】6、【单选题】parentNode.insertBefore(newChild,existingChild)的含义是（）。本题答案：【在父元素中的指定子节点之前添加一个新的子节点】7、【单选题】下列哪项表示的是创建table标签（）。本题答案：【document.createElement('table');】8、【单选题】已知vardiv=document.createElement('div');vartxt=document.createTextNode('文本');如何使txt成为div的最后一个子节点（）。本题答案：【div.appendChild(txt);】9、【单选题】如何创建一个空元素（）。本题答案：【document.createElement(元素名)】随堂测验1、【单选题】下列关于BOM的描述正确的是（）。本题答案：【BOM是专门操作浏览器窗口的API】2、【单选题】下列不是浏览器对象模型的是（）。本题答案：【element】3、【单选题】下列关于浏览器对象模型document描述正确的是（）。本题答案：【封装当前正在加载的网页内容】4、【单选题】下列表示显示整个窗口的高或宽的是（）。本题答案：【window.outerWidth】5、【单选题】下列关于setInterval(exp,time)描述错误的是（）。本题答案：【表示的是一次性定时器】6、【单选题】使用（）停止周期性定时器timer。本题答案：【clearInterval(timer)】7、【单选题】下列关于setTimeout(exp,time)描述不正确的是（）。本题答案：【让程序按指定时间间隔反复自动执行一项任务】8、【单选题】以下代码表示的含义是（）。vartimer=setInterval(function(){console.log(HelloWorld);},1000);本题答案：【每隔1000毫秒打印输出一次HelloWorld】9、【单选题】setTimeout(function(){alert(恭喜过关);},3000);下列关于此段代码描述正确的是（）。本题答案：【此段代码只执行一次】10、【单选题】浏览器对象模型screen表示的是（）。本题答案：【封装了屏幕的信息】6Javascript单元作业6.Javascript单元测试1、【单选题】toString()的作用是（）。本题答案：【将任意类型的数据转换为字符串类型】2、【单选题】下列代码最终结果不是NAN的是（）。本题答案：【parseInt(“12你好”);】3、【单选题】下列表达式的值正确的是（）。本题答案：【10%3结果是1】4、【单选题】表达式18151820的结果是（）。本题答案：【true】5、【单选题】下列说法正确的是（）。本题答案：【if语句块的{}可以省略】6、【单选题】数组下标是从哪个数字开始的（）。本题答案：【0】7、【单选题】关于arr.slice()说法错误的是（）。本题答案：【将会直接修改原数组】8、【单选题】已知varh1=document.getElementById(“a1)，下列修改属性值正确的是（）。本题答案：【h1.setAttribute(“name”,”zhangsan”)】9、【单选题】vart=10;functiontest(test){t=t+test;console.log(t);vart=3;}test(t);console.log(t);运行结果是（）？本题答案：【NaN10】10、【单选题】能够返回父节点的方法是()。本题答案：【parentNode】11、【单选题】创建元素的方法是（）。本题答案：【createElement()】12、【单选题】能够返回节点文本值的方法是（）。本题答案：【innerHTML】13、【单选题】向节点添加最后一个子节点的方法是（）。本题答案：【appendChild()】14、【单选题】关于对变量的说法,错误的是（）。本题答案：【由于javascript的动态特性,不需要定义变量，直接采取key=val的形式赋值，key为局部变量】15、【单选题】下面符合一个有效的javascript变量定义规则的是（）。本题答案：【withA】16、【单选题】join()方法的作用是（）。本题答案：【把数组的所有元素放入一个字符串】17、【单选题】放在HTML中()部分JavaScript会在页面加载的时候被执行（）。本题答案：【body标签部分】18、【单选题】下列哪个正确的引入了myScript.js（）。本题答案：【scriptsrc=myScript.js】19、【单选题】输出HelloWorld的正确Javascript语法是（）。本题答案：【document.write(HelloWorld)】20、【单选题】JavaScript用法描述错误的是（）。本题答案：【脚本必须位于HTML的body或head部分中】21、【判断题】JavaScript支持的选择结构包括if语句与select语句。本题答案：【错误】22、【判断题】JavaScript支持的循环结构包括for语句与while语句。本题答案：【正确】随堂测验1、【单选题】在JQuery中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的（）。本题答案：【remove()】2、【单选题】下列不是关于JQuery使用使用场景的是（）。本题答案：【网页结构】3、【单选题】在JQuery中使用工厂函数的方法正确的是（）。本题答案：【$】4、【判断题】$(“#my”)可以选择页面中ID为my的元素。本题答案：【正确】5、【判断题】所有能在样式表中使用的选择符，都能放在工厂函数的圆括号中引号内使用。本题答案：【正确】6、【判断题】JQuery的核心理念是写更少的代码，做更多的事情。本题答案：【正确】7、【判断题】JQuery屏蔽了浏览器的兼容性问题。本题答案：【正确】随堂测验1、【单选题】下面哪种不是jquery的选择器（）。本题答案：【进一步选择器】2、【单选题】下列关于html()描述不正确的是（）。本题答案：【读取节点的文本内容】3、【单选题】下列关于text()的描述不正确的是（）。本题答案：【读取节点的HTML内容】4、【单选题】在JQuery中，读取节点的value属性值的是（）。本题答案：【val()】5、【单选题】在JQuery如何选择紧邻的后一个元素（）。本题答案：【$(“…”).next();】6、【单选题】在JQuery如何选择除自己之外的所有元素（）。本题答案：【$(“….”).siblings();】7、【单选题】在JQuery如何读取节点的HTML内容（）。本题答案：【$(“…”).html();】随堂测验1、【单选题】在JQuery中使用哪个关键字绑定事件（）。本题答案：【bind】2、【单选题】函数中传递的参数e有什么作用（）。本题答案：【提供了可以影响事件在dom中传递进程的一些方法】3、【单选题】我们可以使用哪个事件对象获取按键的值（）。本题答案：【keyCode】4、【单选题】事件对象clientX的作用是（）。本题答案：【返回当事件被触发时鼠标指针相对于浏览器页面的水平坐标】5、【单选题】事件对象screenX的作用是（）。本题答案：【可返回事件发生时鼠标指针相对于屏幕的水平坐标】6、【单选题】事件对象offsetX的作用是（）。本题答案：【事件发生的地点在事件源元素的坐标系统中的x坐标】随堂测试1、【单选题】以下是HTML5新增的标签是（）。本题答案：【aside】2、【单选题】以下说法不正确的是（）。本题答案：【HTML5标准还在制定中】3、【单选题】HTML5不支持的视频格式是（）。本题答案：【flv】4、【单选题】以下不是HTML5新特性的是（）。本题答案：【新的@font-fac