Web前端“攻城狮”养成记知到智慧树章节测试课后答案2024年秋山东信息职业技术学院

Web前端“攻城狮”养成记知到智慧树章节测试课后答案2024年秋山东信息职业技术学院第一章单元测试

以下哪个不是本课程推荐的开发工具（

）。

A:PycharmB:WebstormC:DreamweaverD:HbuilderX

答案:Pycharm本课程不推荐使用的浏览器是（

）。

A:Google

ChromeB:Internet

ExplorerC:360极速浏览器

答案:Internet

ExplorerHTML5是哪一年发布的（

）。

A:2006年B:2014年C:2020年D:2000年

答案:2014年Web前端开发工程师的工作内容不包括（

）。

A:与服务器端通信B:数据库读写C:交互实现D:页面编写

答案:数据库读写Web前端技术可以开发哪些项目（

）。

A:B/S软件系统B:移动APPC:网站D:微信小程序

答案:B/S软件系统；移动APP；网站；微信小程序C/S设计模式的含义是（

）。

A:计算机网络/服务器B:客户端/服务器C:浏览器/服务器D:消费者/服务商

答案:客户端/服务器B/S设计模式的英文名称是（

）。

A:Business/ServerB:Browser/ServicesC:Browser/ServerD:Buy/Sell

答案:Browser/ServerC/S设计模式的英文名称是（

）。

A:City/ServicesB:Client/ServerC:Computer/ServerD:Customer/Server

答案:Client/Server一般买家访问的淘宝网，属于（

）。

A:前台B:系统服务C:后台D:桌面程序

答案:前台关于百度的描述，错误的是（

）。

A:是B/S软件B:是搜索引擎程序C:是网站，不是软件D:域名是

答案:是网站，不是软件

第二章单元测试

要将插入的图片大小设为宽50像素，高为100像素，则正确代码为（

）。

A:B:C:D:

答案:以下那种格式不是图片的基本格式（

）。

A:JPEGB:GIFC:TXTD:PNG

答案:TXT关于alt和title说法正确的是

(

)。

A:都是图像的提示文字，两者相差不大。B:都是图像的替换文字，两者相差不大。C:alt是替换文字，title是提示文字，两者各有作用D:alt是提示文字，title是替换文字，两者各有作用

答案:alt是替换文字，title是提示文字，两者各有作用设置表格标题的HTML代码是（

）。

A:B:C:D:

答案:跨越多行的表格的HTML代码为（

）。

A:

B:

C:D:

答案:

关于超链接下面说法正确的是（

）。

A:链接地址只能使用相对地址B:其他选项说法都不正确C:链接地址只能使用绝对地址

D:链接地址绝对地址和相对地址都可以使用

答案:链接地址绝对地址和相对地址都可以使用RGB颜色模式

当R=G=B=0为白色。（

）

A:对B:错

答案:错（

）位于Photoshop文档窗口的底部，用来缩放和显示当前图像的各种参数信息，以及当前所用的工具信息。

A:属性栏B:菜单栏C:状态栏

D:工具栏

答案:状态栏

绘图工具包括（

）。

A:橡皮擦工具

B:修补工具C:画笔D:修复画笔工具

答案:橡皮擦工具

；修补工具；画笔；修复画笔工具切图的基本工具有（

）。

A:dreamweaverB:wordC:fireworkD:photoshop

答案:dreamweaver；firework；photoshop

第三章单元测试

在CSS选择器中，以下选项(

)属于后代选择器。

A:B:C:D:

答案:CSS定义是.red{color:red;},以下选项中能正确套用red样式的是(

)。

A:B:C:D:

答案:下面关于类选择器说法正确的是（

）。

A:类选择器不可以单独使用B:id选择器前面有一个“#”C:类选择器前面有一个“#”D:为了将类选择器与元素关联，必须将为了将类选择器与元素关联，必须将ID属性指定一个适当的值

答案:id选择器前面有一个“#”CSS样式和HTML样式的不同之处说法正确的是（

）。

A:CSSCSS样式只可以设置文字字体样式B:HTMLHTML样式可以设置背景样式C:HTMLHTML样式和CSS样式相同，没有区别D:HTML样式只影响应用它的文本和使用所选HTML样式创建的文本

答案:HTML样式只影响应用它的文本和使用所选HTML样式创建的文本下面的描述正确的是(

)。

#menu{

font-size:14px;

}

A:menu是Imenu是ID选择器B:menu是元素选择器C:menu是标签选择器D:menu是类选择器

答案:menu是Imenu是ID选择器如下代码：span{

text-align:center;

line-height:60px;

font-size:30px;}

A:行高30，字体60，右对齐B:行高30像素，字体60像素，文本居中C:文本居中对齐、行高60像素、字体30像素D:文本左对齐、行高60像素、字体为30像素

答案:文本居中对齐、行高60像素、字体30像素有内部样式表定义如下：

<styletype="text/css">

p{color:Red;font-size:20px;}

</style>同时，有html代码如下所示：

<pstyle="background-color:gray;color:Blue;">ptext</p>段落中的文本”ptext“的最终显示效果是（

）。

A:蓝色文本，字体大小为20px，无背景色B:红色文本，字体大小为20px，无背景色C:蓝色文本，默认字体大小，背景色为灰色D:蓝色文本，字体大小为20px，背景色为灰色

答案:蓝色文本，字体大小为20px，背景色为灰色CSS定义为.center{text-align:center;}以下选项中文本会居中对齐的是（

）。

A:B:C:D:

答案:查看如下样式定义：

.A

.B{font-weight:bold;}文本加粗显示的应是（

）。

A:B:

C:D:

答案:在CSS中，要实现链接字体颜色为红色，无下划线，当鼠标移过时显示下划线的效果，以下选项正确的是(

)。

A:B:C:D:

答案:

第四章单元测试

下列css属性中用于指定内容与边框之间距离为2px的是（

）。

A:B:C:D:

答案:请查看如下

html

代码：

此代码在页面上的显示效果为（

）。

A:<div>中的文本和<p>中的文本分两行显示，且文本右对齐B:<div>中的文本和<p>中的文本分两行显示，且文本左对齐C:<div>中的文本和<p>中的文本在一行上显示，且文本右对齐D:<div>中的文本和<p>中的文本在一行上显示，且文本左对齐

答案:<div>中的文本和<p>中的文本分两行显示，且文本右对齐在

html

中,下列css属性中不属于盒子属性的是(

)。

A:BorderB:FloatC:MarginD:Padding

答案:Float以下有关font属性说法错误的是（

）。

A:font属性可以继承B:font的属性值与属性值之间必须通过逗号隔开C:font是一个复合属性D:font属性的行高是写在字体大小的后面，用“/”分隔

答案:font的属性值与属性值之间必须通过逗号隔开边框的样式可以包含很多值，但不包括（

）。

A:样式B:长短C:粗细D:颜色

答案:长短给元素设置相对定位后，以下哪个选项可以让元素相对于本身的位置向右50px（

）。

A:B:C:D:

答案:以下哪个定位是相对于元素本身的位置进行定位，原来所占空间仍然会保留（

）。

A:B:C:D:

答案:在Flex布局以后，下面哪个选项可以设置容器内子项目的排列方向（

）。

A:B:C:D:

答案:在Flex布局中，以下说法错误的是(

)。

A:设置flex布局以后，子元素的float、clear和vertical-algin属性将失效B:order属性定义项目的排列顺序，数值越小，排列越靠前，默认为0C:设置flex布局以后，子元素的float、clear和vertical-align属性依旧有效D:flex-wrap可以设置容器内子项目是否可以换行

答案:设置flex布局以后，子元素的float、clear和vertical-align属性依旧有效下面关于justify-content属性值的说法中，错误的是（

）。

A:justify-content属性定义了项目在主轴上的对齐方式

B:space-around：每个项目两侧的间隔相等，因此项目之间的间隔比项目于边框的间隔大一倍C:flex-start是默认值，表示向右对齐

D:space-between:两端对齐，项目之间的间隔都相等

答案:flex-start是默认值，表示向右对齐

第五章单元测试

规定应用过渡的CSS属性的名称是（

）。

A:transition-propertyB:transition-timing-functionC:transition-delayD:transition-duration

答案:transition-property过渡动画持续时间属性的名称是（

）。

A:transition-durationB:transition-delayC:transition-propertyD:transition-timing-function

答案:transition-duration过渡动画延迟时间属性的名称是（

）。

A:transition-propertyB:transition-timing-functionC:transition-durationD:transition-delay

答案:transition-delay过渡动画变化曲线属性的名称是（

）。

A:transition-timing-functionB:transition-durationC:transition-delayD:transition-property

答案:transition-timing-function下面实现2D旋转正确的是（

）。

A:transform:rotate(30)B:transform:

translate

(30)C:transform:rotate(30deg)D:transform:

scale

(30deg)

答案:transform:rotate(30deg)应用transform属性的scale(

)函数可以实现缩放，下面说法不正确的是（

）。

A:参数值可以为零B:如果只指定一个参数，那么在X轴和Y轴都缩放此参数所指定的比例

C:当值为负数时，对象反转D:可以只在X轴或者Y轴上进行缩放

答案:可以只在X轴或者Y轴上进行缩放CSS

3中，提供了transform-origin属性实现什么（

）。

A:平移

B:倾斜C:中心点变换

D:旋转

答案:中心点变换

下面为不是transform属性实现的变换（

）。

A:平移B:缩放C:过渡D:倾斜

答案:过渡关于关键帧，下面说法不正确的是（

）。

A:可以使用关键字from和to定义关键帧的位置

B:所有浏览器都支持C:可以使用百分比定义关键帧的位置

D:在实现Animation动画时，需要先定义关键帧

答案:所有浏览器都支持animation必须指定（

）属性，才会实现动画。

A:animation-nameB:animation-durationC:animation-timing-functionD:animation-delay

答案:animation-name；animation-duration

第六章单元测试

要把本机上的项目发给别人浏览，需要在计算机上安装一个（

）。

A:Web服务器程序B:网络防火墙程序C:数据库系统软件D:FTP软件

答案:Web服务器程序HTTP的含义是（

）。

A:文件传输协议B:超文本标记语言C:超文本传输协议D:超链接

答案:超文本传输协议Windows平台上一般使用哪种Web服务器程序（

）。

A:IISB:.Net

FrameworkC:Apache

HTTP

ServerD:Windows

Defender

答案:IISLinux平台上一般使用哪种Web服务器程序（

）。

A:IISB:Apache

HTTP

ServerC:Windows

DefenderD:.Net

Framework

答案:Apache

HTTP

Server安装完毕IIS后，如何访问启动页（

）。

A:在浏览器地址栏输入“启动页”B:在开始菜单输入“localhost”C:在浏览器地址栏输入“localhost”D:在开始菜单输入“启动页”

答案:在浏览器地址栏输入“localhost”IIS的作用是（

）。

A:基于Windows操作系统的Web服务器程序B:符合HTML5标准的浏览器程序C:网站文件索引系统D:网站服务器安全防护程序

答案:基于Windows操作系统的Web服务器程序Web服务器程序默认会使用哪个端口（

）。

A:80B:22C:8080D:21

答案:80为什么要购买云服务器（

）。

A:个人计算机不稳定B:我国法规不允许个人计算机提供开放Web服务C:个人计算机很难做到24小时开机D:云服务器不稳定

答案:个人计算机不稳定；我国法规不允许个人计算机提供开放Web服务；个人计算机很难做到24小时开机购买阿里云ECS时需要选择哪些参数（

）。

A:内存大小B:显卡显存大小C:CPU核心数量D:网络带宽

答案:内存大小；CPU核心数