第一章 单元测试
1、单选题:
以下哪个不是本课程推荐的开发工具( )。
选项:
A:Dreamweaver
B:HbuilderX
C:Pycharm
D:Webstorm
答案: 【Pycharm】
2、单选题:
本课程不推荐使用的浏览器是( )。
选项:
A:Internet Explorer
B:360极速浏览器
C:Google Chrome
答案: 【Internet Explorer】
3、单选题:
HTML5是哪一年发布的( )。
选项:
A:2020年
B:2000年
C:2006年
D:2014年
答案: 【2014年】
4、单选题:
Web前端开发工程师的工作内容不包括( )。
选项:
A:数据库读写
B:交互实现
C:与服务器端通信
D:页面编写
答案: 【数据库读写】
5、多选题:
Web前端技术可以开发哪些项目( )。
选项:
A:网站
B:微信小程序
C:B/S软件系统
D:移动APP
答案: 【网站;微信小程序;B/S软件系统;移动APP】
6、单选题:
C/S设计模式的含义是( )。
选项:
A:计算机网络/服务器
B:浏览器/服务器
C:客户端/服务器
D:消费者/服务商
答案: 【客户端/服务器】
7、单选题:
B/S设计模式的英文名称是( )。
选项:
A:Buy/Sell
B:Browser/Server
C:Browser/Services
D:Business/Server
答案: 【Browser/Server】
8、单选题:
C/S设计模式的英文名称是( )。
选项:
A:Client/Server
B:Customer/Server
C:Computer/Server
D:City/Services
答案: 【Client/Server】
9、单选题:
一般买家访问的淘宝网,属于( )。
选项:
A:桌面程序
B:后台
C:系统服务
D:前台
答案: 【前台】
10、单选题:
关于百度的描述,错误的是( )。
选项:
A:是B/S软件
B:是搜索引擎程序
C:域名是baidu.com
D:是网站,不是软件
答案: 【是网站,不是软件】
第二章 单元测试
1、单选题:
要将插入的图片大小设为宽50像素,高为100像素,则正确代码为( )。
选项:
A:
B:
C:
D:
答案: 【】
2、单选题:
以下那种格式不是图片的基本格式( )。
选项:
A:TXT
B:PNG
C:GIF
D:JPEG
答案: 【TXT】
3、单选题:
关于alt和title说法正确的是 ( )。
选项:
A:alt是替换文字,title是提示文字,两者各有作用
B:都是图像的替换文字,两者相差不大。
C:alt是提示文字,title是替换文字,两者各有作用
D:都是图像的提示文字,两者相差不大。
答案: 【alt是替换文字,title是提示文字,两者各有作用】
4、单选题:
设置表格标题的HTML代码是( )。
选项:
A:
B:
C:
D:
答案: 【】
5、单选题:
跨越多行的表格的HTML代码为( )。
选项:
A:
B:
C:
D:
答案: 【 】
6、单选题:
关于超链接下面说法正确的是( )。
选项:
A:其他选项说法都不正确
B:链接地址绝对地址和相对地址都可以使用
C:链接地址只能使用绝对地址
D:链接地址只能使用相对地址
答案: 【链接地址绝对地址和相对地址都可以使用】
7、判断题:
RGB颜色模式 当R=G=B=0为白色。( )
选项:
A:对
B:错
答案: 【错】
8、单选题:
( )位于Photoshop文档窗口的底部,用来缩放和显示当前图像的各种参数信息,以及当前所用的工具信息。
选项:
A:状态栏
B:菜单栏
C:属性栏
D:工具栏
答案: 【状态栏 】
9、多选题:
绘图工具包括( )。
选项:
A:修复画笔工具
B:修补工具
C:橡皮擦工具
D:画笔
答案: 【修复画笔工具;修补工具;橡皮擦工具 ;画笔】
10、多选题:
切图的基本工具有( )。
选项:
A:word
B:firework
C:photoshop
D:dreamweaver
答案: 【firework;photoshop;dreamweaver】
第三章 单元测试
1、单选题:
在CSS选择器中,以下选项( )属于后代选择器。
选项:
A:
B:
C:
D:
答案:
2、单选题:
CSS定义是 .red{ color:red; },以下选项中能正确套用red样式的是( )。
选项:
A:
B:
C:
D:
答案:
3、单选题:
下面关于类选择器说法正确的是( )。
选项:
A:类选择器前面有一个“#”
B:为了将类选择器与元素关联,必须将
为了将类选择器与元素关联,必须将ID属性指定一个适当的值
C:类选择器不可以单独使用
D:id选择器前面有一个“#”
答案:
4、单选题:
CSS样式和HTML样式的不同之处说法正确的是( )。
选项:
A:CSS
CSS样式只可以设置文字字体样式
B:HTML
HTML样式和CSS样式相同,没有区别
C:HTML
HTML样式可以设置背景样式
D:HTML样式只影响应用它的文本和使用所选HTML样式创建的文本
答案:
5、单选题:
下面的描述正确的是( )。 #menu{ font-size:14px; }
选项:
A:menu是标签选择器
B:menu是元素选择器
C:menu是I
menu是ID选择器
D:menu是类选择器
答案:
6、单选题:
如下代码:span { text-align:center; line-height:60px; font-size:30px;}
选项:
A:文本左对齐、行高60像素、字体为30像素
B:文本居中对齐、行高60像素、字体30像素
C:行高30像素,字体60像素,文本居中
D:行高30,字体60,右对齐
答案:
7、单选题:
有内部样式表定义如下: <style type=”text/css”> p{color:Red;font-size:20px;} </style>同时,有 html 代码如下所示: <p style=”background-color:gray;color:Blue;”>p text</p>段落中的文本”p text“的最终显示效果是( )。
选项:
A:红色文本,字体大小为 20px,无背景色
B:蓝色文本,字体大小为 20px,无背景色
C:蓝色文本,默认字体大小,背景色为灰色
D:蓝色文本,字体大小为 20px,背景色为灰色
答案:
8、单选题:
CSS定义为.center{ text-align:center; }以下选项中文本会居中对齐的是( )。
选项:
A:
B:
C:
D:
答案:
9、单选题:
查看如下样式定义: .A .B { font-weight:bold;}文本加粗显示的应是( )。
选项:
A:
B:
C:
D:
答案:
10、单选题:
在CSS中,要实现链接字体颜色为红色,无下划线,当鼠标移过时显示下划线的效果,以下选项正确的是( )。
选项:
A:
B:
C:
D:
答案:
第四章 单元测试
1、单选题:
下列css属性中用于指定内容与边框之间距离为2px的是( )。
选项:
A:
B:
C:
D:
答案:
2、单选题:
请查看如下 html 代码:
此代码在页面上的显示效果为( )。
选项:
A:<div>中的文本和<p>中的文本在一行上显示,且文本右对齐
B:<div>中的文本和<p>中的文本分两行显示,且文本右对齐
C:<div>中的文本和<p>中的文本在一行上显示,且文本左对齐
D:<div>中的文本和<p>中的文本分两行显示,且文本左对齐
答案:
3、单选题:
在 html 中,下列css属性中不属于盒子属性的是( )。
选项:
A:Margin
B:Padding
C:Border
D:Float
答案:
4、单选题:
以下有关font属性说法错误的是( )。
选项:
A:font属性的行高是写在字体大小的后面,用“/”分隔
B:font是一个复合属性
C:font的属性值与属性值之间必须通过逗号隔开
D:font属性可以继承
答案:
5、单选题:
边框的样式可以包含很多值,但不包括( )。
选项:
A:颜色
B:长短
C:样式
D:粗细
答案:
6、单选题:
给元素设置相对定位后,以下哪个选项可以让元素相对于本身的位置向右50px( )。
选项:
A:
B:
C:
D:
答案:
7、单选题:
以下哪个定位是相对于元素本身的位置进行定位,原来所占空间仍然会保留( )。
选项:
A:
B:
C:
D:
答案:
8、单选题:
在Flex布局以后,下面哪个选项可以设置容器内子项目的排列方向( )。
选项:
A:
B:
C:
D:
答案:
9、单选题:
在Flex布局中,以下说法错误的是( )。
选项:
A:flex-wrap可以设置容器内子项目是否可以换行
B:order属性定义项目的排列顺序,数值越小,排列越靠前,默认为0
C:设置flex布局以后,子元素的float、clear和vertical-align属性依旧有效
D:设置flex布局以后,子元素的float、clear和vertical-algin属性将失效
答案:
10、单选题:
下面关于justify-content属性值的说法中,错误的是( )。
选项:
A:space-around:每个项目两侧的间隔相等,因此项目之间的间隔比项目于边框的间隔大一倍
B:flex-start是默认值,表示向右对齐
C:space-between:两端对齐,项目之间的间隔都相等
D:justify-content属性定义了项目在主轴上的对齐方式
答案:
第五章 单元测试
1、单选题:
规定应用过渡的CSS属性的名称是( )。
选项:
A:transition-property
B:transition-delay
C:transition-timing-function
D:transition-duration
答案:
2、单选题:
过渡动画持续时间属性的名称是( )。
选项:
A:transition-delay
B:transition-property
C:transition-timing-function
D:transition-duration
答案:
3、单选题:
过渡动画延迟时间属性的名称是( )。
选项:
A:transition-property
B:transition-duration
C:transition-delay
D:transition-timing-function
答案:
4、单选题:
过渡动画变化曲线属性的名称是( )。
选项:
A:transition-property
B:transition-delay
C:transition-duration
D:transition-timing-function
答案:
5、单选题:
下面实现2D旋转正确的是( )。
选项:
A:transform:rotate(30)
B:transform:rotate(30deg)
C:transform: scale (30deg)
D:transform: translate (30)
答案:
6、单选题:
应用transform属性的scale( )函数可以实现缩放,下面说法不正确的是( )。
选项:
A:可以只在X轴或者Y轴上进行缩放
B:如果只指定一个参数,那么在X轴和Y轴都缩放此参数所指定的比例
C:参数值可以为零
D:当值为负数时,对象反转
答案:
7、单选题:
CSS 3中,提供了transform-origin属性实现什么( )。
选项:
A:倾斜
B:中心点变换
C:旋转
D:平移
答案:
8、单选题:
下面为不是transform属性实现的变换( )。
选项:
A:缩放
B:过渡
C:倾斜
D:平移
答案:
9、单选题:
关于关键帧,下面说法不正确的是( )。
选项:
A:可以使用百分比定义关键帧的位置
B:所有浏览器都支持
C:可以使用关键字from和to定义关键帧的位置
D:在实现Animation动画时,需要先定义关键帧
答案:
10、多选题:
animation必须指定( )属性,才会实现动画。
选项:
A:animation-timing-function
B:animation-duration
C:animation-name
D:animation-delay
答案:
第六章 单元测试
1、单选题:
要把本机上的项目发给别人浏览,需要在计算机上安装一个( )。
选项:
A:FTP软件
B:数据库系统软件
C:网络防火墙程序
D:Web服务器程序
答案:
2、单选题:
HTTP的含义是( )。
选项:
A:文件传输协议
B:超文本标记语言
C:超链接
D:超文本传输协议
答案:
3、单选题:
Windows平台上一般使用哪种Web服务器程序( )。
选项:
A:.Net Framework
B:IIS
C:Apache HTTP Server
D:Windows Defender
答案:
4、单选题:
Linux平台上一般使用哪种Web服务器程序( )。
选项:
A:IIS
B:.Net Framework
C:Windows Defender
D:Apache HTTP Server
答案:
5、单选题:
安装完毕IIS后,如何访问启动页( )。
选项:
A:在开始菜单输入“启动页”
B:在开始菜单输入“localhost”
C:在浏览器地址栏输入“localhost”
D:在浏览器地址栏输入“启动页”
答案:
6、单选题:
IIS的作用是( )。
选项:
A:网站文件索引系统
B:符合HTML5标准的浏览器程序
C:网站服务器安全防护程序
D:基于Windows操作系统的Web服务器程序
答案:
7、单选题:
Web服务器程序默认会使用哪个端口( )。
选项:
A:21
B:8080
C:22
D:80
答案:
8、多选题:
为什么要购买云服务器( )。
选项:
A:个人计算机不稳定
B:个人计算机很难做到24小时开机
C:我国法规不允许个人计算机提供开放Web服务
D:云服务器不稳定
答案:
9、多选题:
购买阿里云ECS时需要选择哪些参数( )。
选项:
A:网络带宽
B:内存大小
C:CPU核心数量
D:显卡显存大小
答案:
10、单选题:
购买阿里云ECS后,如何操作服务器?( )。
选项:
A:通过FTP程序可直接操作
B:无法直接操作
C:通过远程桌面连接程序可直接操作
D:通过本机命令行操作
答案:
第七章 单元测试
1、单选题:
在HTML中,通过( )可以实现鼠标悬停在超链接上时,为无下划线的效果。
选项:
A:
B:
C:
D:
答案:
2、判断题:
页面中的下载菜单交互可以做下拉菜单。( )
选项:
A:错
B:对
答案:
3、判断题:
背景图片的定位方法background-position: top left 和left top效果是不一样的。( )
选项:
A:对
B:错
答案:
4、单选题:
下列css属性中,用于指定背景图片的是( )。
选项:
A:background-repeat
B:background-image
C:background-color
D:background-position
答案:
5、单选题:
下列( )是鼠标点击时的超链接样式。
选项:
A:
B:
C:
D:
答案:
6、单选题:
在CSS中,以下( )不属于超链接伪类。
选项:
A:
B:
C:
D:
答案:
7、判断题:
无序列表使用<ul>列表标签,有序列表使用<ol>列表标签。( )
选项:
A:错
B:对
答案:
8、单选题:
超链接中的哪个属性代表可链接的地址信息( )。
选项:
A:info
B:href
C:type
D:font
答案:
9、判断题:
设置边框的线为实线,可以为border:solid。( )
选项:
A:错
B:对
答案:
10、单选题:
设置元素的上外边距需要什么属性( )。
选项:
A:padding-left
B:padding-top
C:margin-top
D:border-top
答案:
请先
!