Web前端开发基础知到智慧树章节测试课后答案2024年秋广西机电职业技术学院_第1页
Web前端开发基础知到智慧树章节测试课后答案2024年秋广西机电职业技术学院_第2页
Web前端开发基础知到智慧树章节测试课后答案2024年秋广西机电职业技术学院_第3页
Web前端开发基础知到智慧树章节测试课后答案2024年秋广西机电职业技术学院_第4页
Web前端开发基础知到智慧树章节测试课后答案2024年秋广西机电职业技术学院_第5页
已阅读5页,还剩11页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

Web前端开发基础知到智慧树章节测试课后答案2024年秋广西机电职业技术学院模块一单元测试

超文本标记语言的简称是?(

)。

A:JAVASCRIPTB:JAVAC:CSSD:HTML

答案:HTML

<h1>-<h6>标签可定义标题。那么,最大的标题是?(

A:<h2>B:<h6>C:<h5>D:<h1>

答案:<h1>表示超链接的HTML标签是?(

)。

A:<br>B:<p>C:<a>D:<hr>

答案:<a>表示无序列表的HTML标签是?(

)。

A:<table>B:<dl>C:<ol>D:<ul>

答案:<ul>以下的哪一个标签,用于定义表格中的一个单元格?(

A:<th>B:<tr>C:<table>D:<td>

答案:<td>HTML5中用于定义文档内文章的标签是?(

)。

A:<header>B:<article>C:<nav>D:<footer>

答案:<article>表示表单的HTML标签是?(

)。

A:<input>B:<select>C:<table>D:<form>

答案:<form>以下代码,正确表示表单中的复选框的是?(

A:<inputtype="radio">B:<inputtype="password">C:<inputtype="checkbox">D:<inputtype="text">

答案:<inputtype="checkbox">以下代码,正确表示表单中只能输入数字输入框的是?(

A:<inputtype="number">B:<inputtype="email">C:<inputtype="range">D:<inputtype="color">

答案:<inputtype="number">以下哪些标签应该在HTML文档的头部(head标签内)出现?(

)。

A:<title>B:<style>C:<meta>D:<body>

答案:<title>;<style>;<meta>

模块二单元测试

表示类样式(类选择器、类选择符)的代码是?(

)。

A:.my_titleB:*C:#navigationD:a

答案:.my_title表示后代选择器(包含选择符)的CSS代码是?(

)。

A:a.navigationB:#menuaC:li>aD:h1+p

答案:#menua能选择段落的所有标题1子元素(不包括孙辈元素)的CSS代码是?(

)。

A:p~h1B:h1+pC:p>h1D:ph1

答案:p>h1下列哪一项是CSS正确的语法构成?(

)。

A:body:color=blue;B:{body:color:blue;}C:body{color:blue;}D:{body:color=blue;}

答案:body{color:blue;}哪个HTML标签用于定义内部样式表?(

)。

A:<style></style>B:<css></css>C:<script></script>

答案:<style></style>id选择器样式表的优先级高于类选择器。(

A:错B:对

答案:对表示通配选择符(全局选择符)的代码是?(

)。

A:aB:*C:.my_titleD:#navigation

答案:*

模块三单元测试

要设置HTML元素的文字大小,应选择的属性是(

)。

A:font-styleB:font-weightC:font-familyD:font-size

答案:font-size以下表示设置文字颜色的CSS代码,正确的有(

)。

A:color:#ff0000B:color:#f00C:color:#f000D:color:red

答案:color:#ff0000;color:#f00;color:redtext-shadow属性用于设置文本的阴影。“text-shadow:-3px-3px10px#000;

”表示阴影偏移的方向是(

)。

A:右上B:左下C:右下D:左上

答案:左上CSS标准盒模型由如下部分构成(

)。

A:内容contentB:填充paddingC:边框borderD:外边距(边界)margin

答案:内容content;填充padding;边框border;外边距(边界)margin“overflow:hidden;”表示当内容超出元素边界时,内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。(

A:对B:错

答案:错“border-width:3px8px10px;”表示左边框的粗细是(

)。

A:8pxB:3pxC:0px

D:10px

答案:8px把百分比作为元素的padding属性值时,该百分比的计算是基于(

)。

A:元素的高度B:元素的宽度C:父元素的高度D:父元素的宽度

答案:父元素的宽度当一个HTML元素的box-sizing为border-box时,我们增加这个元素的填充padding和边框border的大小,元素的内容区会变小,但是整个元素的大小会保持不变。(

A:对B:错

答案:对用于设置图片平铺模式的属性是(

)。

A:background-originB:background-positionC:background-repeatD:background-image

答案:background-repeat把元素转换为行内块元素的代码是(

)。

A:display:inlineB:display:inline-blockC:display:blockD:display:none

答案:display:inline-block

模块四单元测试

以下文字,描述的是哪一种定位方式?对象脱离普通文档流,使用“top”、“right”、“bottom”、“left”等属性进行绝对定位,盒子的偏移位置不影响普通文档流中的任何元素,其margin不与其他任何margin折叠。(

A:position:static;B:position:fixed;

C:position:absolute;

D:position:relative;

答案:position:absolute;

设置对象左浮动的CSS代码是(

)。

A:text-align:left;B:left:10px;C:float:left;D:clear:left;

答案:float:left;以下哪种方式是固定定位。(

A:position:static;

B:position:fixed;C:position:absolute;D:position:relative;

答案:position:fixed;关于z-index,下列说法错误的是(

)。

A:对于同级元素,z-index大的元素会覆盖z-index小的元素B:z-index的值可以是负值。C:z-index可以解决元素的覆盖问题,决定哪个元素在上方,哪个在下方。D:z-index值越小,优先级越高,越在上层。

答案:z-index值越小,优先级越高,越在上层。CSS中clear的作用是(

)。

A:指明该元素的父元素周围不可出现浮动元素B:指明该元素周围不可出现浮动元素C:清除该元素父元素的所有样式D:清除该元素所有样式

答案:指明该元素周围不可出现浮动元素

模块五单元测试

“@media(max-width:500px)”指定的媒体查询条件是(

)。

A:屏幕宽度小于500pxB:屏幕宽度大于等于500pxC:屏幕宽度小于等于500pxD:屏幕宽度大于500px

答案:屏幕宽度小于等于500px在@media媒体查询语句中,表示“或”的逻辑操作符是(

)。

A:notB:andC:onlyD:逗号“,”

答案:逗号“,”指定设备类型仅为屏幕设备的媒体查询语句是(

)。

A:@mediaonlyprintB:@mediaonlyscreenC:@medianotscreenD:@mediaonlyspeech

答案:@mediaonlyscreen根据Bootstrap3的建议,介于平板电脑(小屏幕)和桌面显示器(中等屏幕)之间的响应式布局切换断点数值是()。

A:0pxB:1200pxC:768pxD:992px

答案:992px在响应式网页布局中,“移动设备优先”策略是指:先完成PC端的CSS布局样式,再完成移动端的CSS布局样式。(

A:对B:错

答案:错可以限制元素最大宽度的属性是(

)。

A:min-heightB:max-widthC:max-heightD:min-width

答案:max-width

模块六单元测试

要进行弹性布局,首先要将容器的display属性设置为(

)。

A:blockB:noneC:flexD:inline

答案:flex用于设置弹性项目(子元素)在弹性容器主轴上排列对齐方式的属性是(

)。

A:align-itemsB:flex-directionC:justify-contentD:align-content

答案:justify-content以下属于弹性容器属性的是(

)。

A:justify-contentB:align-contentC:orderD:align-itemsE:flex-wrapF:align-self

答案:justify-content;align-content;align-items;flex-wrap给弹性容器添加“align-items:flex-end;”的效果是(

)。

A:子元素向侧轴起始位置对齐B:子元素向侧轴结束位置对齐C:子元素向侧轴中间位置对齐D:子元素向侧轴两端拉伸

答案:子元素向侧轴结束位置对齐将弹性容器的flex-direction属性值设置为column后,子元素会横向从左到右排列。(

A:对B:错

答案:错复合属性flex可以一次声明多个属性,包括(

)。

A:orderB:flex-shrinkC:flex-growD:flex-basis

答案:flex-shrink;flex-grow;flex-basis给弹性容器中的子元素设置“flex:5”表示该子元素的扩展比率flex-grow值为5。(

A:错B:对

答案:对当弹性容器的主轴是横向且容器中有多个子元素时,设置“justify-content:

space-between”,可以使开头和结尾的两个子元素,分别紧贴在主轴的起始位置和结束位置。(

A:对B:错

答案:对

模块七单元测试

REM布局的优势,就是通过等比例缩放来实现屏幕适配。(

A:错B:对

答案:对REM就是HTML根元素的字体大小。(

A:对B:错

答案:对在页面调用阿里巴巴手机淘宝团队的lib-flexible库文件之后,如果拿到的设计稿宽度是640像素,此时,在HBuilder的“px转REM比例”设置中,应填入的数值是(

)。

A:640B:75C:64D:32

答案:64在页面调用阿里巴巴手机淘宝团队的lib-flexible库文件之后,通过一台手机访问页面,假设手机屏幕宽度分比率是320像素,此时,在CSS中设置的1REM,是多少像素(

)。

A:10B:75C:64D:32

答案:32在HBuilder中,将某个属性的属性值设置为750px,HBuilder会提示将该数值转换为(

)。

A:10remB:由HBuilder“编辑器设置”中的“px转REM比例”数值决定C:64remD:75rem

答案:由HBuilder“编辑器设置”中的“px转REM比例”数值决定

模块八单元测试

下面哪个选项不是transform属性实现的变换。(

A:平移B:倾斜C:过渡

D:缩放

答案:过渡

下面实现2D旋转正确的是(

)。

A:transform:translate(30)B:transform:rotate(30)C:transform:rotate(30deg)D:transform:scale(30deg)

答案:transform:rotate(30deg)应用transform属性的scale()函数可以实现缩放,下面说法不正确的是(

)。

A:如果只指定一个参数,那么在X轴和Y轴都缩放此参数所指定的比例B:可以只在X轴或者Y轴上进行缩放

C:参数值大于1时表示缩小元素D:当值为负数时,块级元素会倒过来(反转)进行缩放

答案:参数值大于1时表示缩小元素下面哪个函数是用于实现平移的。(

A:translate()B:scale()C:rotate()D:skew()

答案:translate()要实现仅在X轴倾斜30度,下面正确的是(

)。

A:skewX(30deg)B:skewY(30deg)C:skew(30deg,30deg)D:skew(0,30deg)

答案:skewX(30deg)

模块九单元测试

关于bootstrap,以下说法正确的是(

A:Bootstrap是为移动终端设计的一种框架,在电脑上是不能正常显示

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论