当前位置：首页 > news >正文

响应式Web设计单元测试

news 文章来源：https://blog.csdn.net/qq_46373141/article/details/131147634 2025/1/11 10:58:12

响应式Web设计单元测试

一. 单选题（共8题，40.0分）
二. 多选题（共5题，25.0分）
三. 判断题（共7题，35.0分）

一. 单选题（共8题，40.0分）

(单选题, 5.0分)
用于配置视口属性的标签是（）。
A <meta>
B <title>
C <link>
D <script>
(单选题, 5.0分)
配置视口时，元数据标签的name属性值应为（）。
A view
B view port
C viewport
D view-port
(单选题, 5.0分)
将固定布局转化为百分比布局的换算公式正确的是（）。
A 目标元素宽度/子盒子宽度=百分数宽度
B 目标元素宽度/父盒子宽度=百分数宽度
C 父盒子宽度/目标元素宽度=百分数宽度
D 目标元素宽度/网页宽度=百分数宽度
(单选题, 5.0分)
用于指定元素为弹性盒容器的属性是（）。
A flex
B display
C order
D align
(单选题, 5.0分)
下列不属于flex-wrap属性值的项有（）。
A nowrap
B wrap
C wrap-reverse
D center
(单选题, 5.0分)
设置弹性元素扩展比率为0、收缩比率为1和宽度居中的缩写形式为（）。
A flex: 1 0 auto;
B flex: 0 1 auto;
C flex: 0, 1, auto;
D flex: 1, 0, auto;
(单选题, 5.0分)
用于设置子元素出现顺序的属性是（）。
A display
B flex
C order
D align-self
(单选题, 5.0分)
设置子元素如何在当前轴方向排列的属性为（）。
A flex-wrap
B align-items
C justify-content
D flex-direction

二. 多选题（共5题，25.0分）

(多选题, 5.0分)
视口是针对移动端浏览器的，通常分为（）。
A 可见视口，即设备屏幕大小
B 隐藏视口
C 视窗视口，即网页大小
D 固定视口
(多选题, 5.0分)
常见的响应式Web设计方式有（）。
A 百分比布局
B 栅格系统
C DIV布局
D 弹性盒布局
(多选题, 5.0分)
关于弹性盒布局，下面叙述正确的是（）。
A 弹性盒由容器、子元素和轴组成。
B 弹性盒改进了块模型，既不使用浮动，也不会在弹性盒容器与其内容之间合并外边距。
C 增加了盒状模型的灵活性。
D 在适应不同设备能力上不如栅格系统。
(多选题, 5.0分)
下列属于flex-direction属性的可取值的项有（）。
A row
B wrap
C column
D row-reverse
(多选题, 5.0分)
在使用弹性盒布局时，以下描述正确的是（）。
A 弹性容器的每一个子元素变为一个弹性子元素，弹性容器直接包含的文本变为匿名的弹性子元素。
B 多列布局中的column-*属性对弹性子元素无效。
C float属性和clear 属性对弹性子元素无效，使用float会导致display属性计算为block。
D vertical-align属性对弹性子元素的对齐无效。

三. 判断题（共7题，35.0分）

(判断题, 5.0分)
媒体查询不可以根据视口宽度、设备方向等差异来改变页面的显示方式。
A 对
B 错
(判断题, 5.0分)
媒体查询由媒体类型和条件表达式组成，用@media规则定义。
A 对
B 错
(判断题, 5.0分)
在定义媒体查询时，媒体类型与条件表达式都不能省略。
A 对
B 错
(判断题, 5.0分)
把固定像素的宽度换算为百分比宽度，可以将固定布局转化为百分比布局。
A 对
B 错
(判断题, 5.0分)
栅格系统采用固定的格子进行网页布局，以适应不同设备。
A 对
B 错
(判断题, 5.0分)
在弹性盒布局中，元素的排列顺序是由元素书写的顺序来决定的。
A 对
B 错
(判断题, 5.0分)
要将子元素按自然书写顺序排列，则order属性都设置成同一个值。
A 对
B 错

响应式Web设计单元测试

响应式Web设计单元测试一. 单选题 （共8题，40.0分）二. 多选题 （共5题，25.0分）三. 判断题 （共7题，35.0分） 一. 单选题 （共8题，40.0分） …...

编程日记 2023/6/18 1:15:33

linux计划任务管理

1. crond计划任务概述什么是计划任务，计划任务类似于我们平时生活中的闹钟。在Linux系统的计划任务服务crond可以满足周期性执行任务的需求。 crond进程每分钟会处理一次计划任务, 计划任务主要是做一些周期性的任务目前最主要的用途是定时备份数据 Schedule on…...

编程日记 2023/6/18 0:42:12

研一，有点迷茫。

作者：阿秀校招八股文学习网站：https://interviewguide.cn 这是阿秀的第「277」篇原创小伙伴们大家好，我是阿秀。最近回答了不少大一大二研一在读的学习圈中学弟学妹的咨询问题，基本都是计算机学习、进度、疑惑等等相关的问题&a…...

编程日记 2023/6/18 0:08:51

【新版】系统架构设计师 - 软件工程

个人总结，仅供参考，欢迎加好友一起讨论文章目录架构 - 软件工程考点摘要软件工程概述软件能力成熟度模型软件过程模型瀑布模型原型化模型增量模型螺旋模型喷泉模型V模型迭代与增量的概念CBSD基于构件的模型（构件组装模型/基于构件的软件开发…...

编程日记 2023/6/17 23:35:30

html实现好看的个人介绍，个人主页模板3(附源码)

文章目录 1.设计来源1.1 主界面1.2 关于我界面1.3 教育成就界面1.4 项目演示界面1.5 联系我界面 2.效果和源码2.1 动态效果2.2 源代码2.2 源代码目录源码下载作者：xcLeigh 文章地址：https://blog.csdn.net/weixin_43151418/article/details/131263195 …...

编程日记 2023/6/17 23:02:09

某大厂工作3年，被劣驱良了。。。

最近在知乎上看到一个问题：编程界的劣驱良现象有哪些？ 要想回答这个问题，首先要定义清楚，什么是「劣」什么是「良」？ 如果你认为编程技术牛x就是「良」，编程技术差就是「劣」，那可以清楚的回答…...

编程日记 2023/6/17 22:28:48

爱奇艺大数据加速：从Hive到Spark SQL

01 导语爱奇艺自2012年开展大数据业务以来，基于大数据开源生态服务建设了一系列平台，涵盖了数据采集、数据处理、数据分析、数据应用等整个大数据流程，为公司的运营决策和各种数据智能业务提供了强有力的支持。随着数据规模的不断增长和计算…...

编程日记 2023/6/17 21:55:27

c++构造函数的多个细节拷问

提问1 能在构造函数里面调用虚函数吗？ 调用的是这个类自己的虚函数吗？ 这个问题等价于虚函数表什么时候形成的？ 回答1 答：在构造函数里面可以调用虚函数哈不过是父类的子类对象还没有创建完成所以尽量不要在构造里…...

编程日记 2023/6/17 21:22:06

Redis入门 - Lua脚本

原文首更地址，阅读效果更佳！ Redis入门 - Lua脚本 | CoderMast编程桅杆https://www.codermast.com/database/redis/redis-scription.html Redis 脚本使用 Lua 解释器来执行脚本。 Redis 2.6 版本通过内嵌支持 Lua 环境。执行脚本的常用命令为 EVAL。 …...

编程日记 2023/6/17 20:48:45

Creating Serial Numbers (C#)

此示例展示如何使用Visual C#编写的Add-ins为文件数据卡生成序列号。注意事项： SOLIDWORKS PDM Professional无法强制重新加载用.NET编写的Add-ins，必须重新启动所有客户端计算机，以确保使用Add-ins的最新版本。 SOLIDWORKS PDM Professio…...

编程日记 2023/6/17 20:15:24

pycharm使用之torch_geometric安装

正式安装之前要先查看一下torch的版本一、查看torch版本 1、winR ，输入cmd 2、输入python 3、输入import torch，然后输入torch.__version__，最后回车可以看到我的torch版本是1.10.0 二、下载合适的版本 1、打开链接 https://pytorch-…...

编程日记 2023/6/17 19:42:03

spring-mvc 工作流程

一、概述 spring-mvc 主要是DispatcherServlet工作流程流程可以分为两块，第一块为DispatcherServlet的加载，第二块为请求处理二、DispatcherServlet的加载主要依靠三个对象 DispatcherServletRegistrationBean：实现了ServletContextInit…...

编程日记 2023/6/17 19:08:42

物联网Lora模块从入门到精通(六)OLED显示屏

一、前言获取到数据后我们常需要在OLED显示屏上显示，本文中我们需要使用上一篇文章(光照与温湿度数据获取)的代码，在其基础上继续完成本文内容。基础代码： #include <string.h> #include "board.h" #include "hal_ke…...

编程日记 2023/6/17 18:35:21

平面坐标变换（单应性变换/Homography变换）

单应性(homography)变换用来描述物体在两个平面之间的转换关系，可以用于描述平移、翻转、缩放、旋转、仿射变换等。其是对应齐次坐标下的线性变换，可以通过矩阵表示： 其中，H为单应性变换矩阵，假设变换前坐标为(x,y)&am…...

编程日记 2023/6/17 18:02:00

大数据项目常识

大数据项目随着社会的进步，大数据的高需求，高薪资，高待遇，促使很多人都来学习和转行到大数据这个行业。学习大数据是为了什么？成为一名大数据高级工程师。而大数据工程师能得到高薪、高待遇的能力在哪？自…...

编程日记 2023/6/17 17:28:39

Linux系统：常用服务端口

目录一、理论 1.端口分类 2.传输协议 3.常用端口一、理论 1.端口分类一个计算机最多有65535个端口，端口不能重复。Linux 只有 root 用户可以使用1024以下的端口。表1 端口分类端口范围说明公认端口（Well-KnownPorts）0 - 1023这类…...

编程日记 2023/6/17 16:55:18

前端和后端分别是什么？

从技术工具来看： 前端：常见的 html5、JavaScript、jQuery... 后端：spring、tomcet、JVM，MySQL... 毕竟，如果这个问题问一个老后端，他掰掰手指可以给你罗列出一堆的名词来，比如设计模式、数据库…...

编程日记 2023/6/17 16:21:57

目录 1.Spring Framework 2.Spring Framework优点 3.Spring Framework的功能模块 4.Spring配置文件 5.Spring应用配置步骤 6.Spring的IoC是什么 7.IoC的理念 8.IoC体系的好处 9.Spring中的 IoC 容器 10.依赖注入的方式 1.Spring Framework Spring Framework即Spring框…...

编程日记 2023/6/17 15:48:36

易语言使用node编译的js文件

环境配置 npm install -g cnpm babel-preset-env babel-cli babel-polyfill browserifynpm install -g crypto-js nodejs转js 例如加密模块 browserify -r babel-polyfill -r crypto-js -o es6.txt browserify file.js -o es6.txt易语言使用v8 推荐直接生成导入js即…...

编程日记 2023/6/17 15:15:15

计算机网络笔记：动态主机配置协议（DHCP）

协议配置： 为了把协议软件做成通用和便于移植的，协议软件的编写者不会把所有的细节都固定在源代码中，相反，他们把协议软件参数化，这就使得在很多台计算机上有可能使用同一个经过编译的二进制代码。一台计算机和另一台…...

编程日记 2023/6/17 14:41:54

新买的电脑怎么用U盘重装系统？新买的电脑用U盘重装系统教程

新买的电脑怎么用U盘重装系统？用户新买了电脑，想知道怎么用U盘来重装新买的电脑，用U盘来重装电脑其实非常简单，用户需要准备一个U盘，然后完成U盘启动盘的安装，接着按照以下分享的新买的电脑用U盘重装系统教…...

编程日记 2023/6/17 14:08:33

图像边缘检测原理

文章目录图像边缘检测原理1:2:3:基本边缘检测算子图像边缘检测原理 1: 图像的边缘指的是图像中像素灰度值突然发生变化的区域，如果将图像的每一行像素和每一列像素都描述成一个关于灰度值的函数，那么图像的边缘对应在灰度值函数中是函数值突然变大的…...

编程日记 2023/6/17 13:35:12

爬虫利器 Beautiful Soup 之遍历文档

Beautiful Soup 简介 Beautiful Soup 是一个可以从 HTML 或 XML 文件中提取数据的 Python 库，它提供了一些简单的操作方式来帮助你处理文档导航，查找，修改文档等繁琐的工作。因为使用简单，所以 Beautiful Soup 会帮你节省不少的工…...

编程日记 2023/6/17 13:01:51

12、Nginx高级之高级模块(secure_link/secure_link_md5)

一、功能防盗链； ngx_http_secure_link_module模块用于检查所请求链接的真实性，保护资源免受未经授权的访问，并限制链接寿命。该模块提供两种可选的操作模式。第一种模式由 secure_link_secret 指令启用，用于检查所请求链接的真…...

编程日记 2023/6/17 12:28:29

【python】数据可视化，使用pandas.merge()对dataframe和geopandas类型数据进行数据对齐

目录 0.环境 1.适用场景 2.pandas.merge()函数详细介绍 3.名词解释“数据对齐”（来自chatGPT3.5） 4.本文将给出两种数据对齐的例子 1）dataframe类型数据和dataframe类型数据对齐（对齐NAME列）； 数据对…...

编程日记 2023/6/17 11:55:08

大模型入门（三）—— 大模型的训练方法

参考hugging face的文档介绍：https://huggingface.co/docs/transformers/perf_train_gpu_many#naive-model-parallelism-vertical-and-pipeline-parallelism，以下介绍聚焦在pytorch的实现上。随着现在的模型越来越大，训练数据越来越多时&…...

编程日记 2023/6/17 11:21:47

人机交互学习-4 交互设计过程

交互设计过程交互设计过程基本活动关键特征设计过程中的问题如何选取用户？如何明确需求？如何提出候选方案？如何在候选方案中选择？ 交互设计生命周期模型星型生命周期模型可用性工程生命周期模型交互设计过程管理界面设计的4个支…...

编程日记 2023/6/17 10:48:25

大话Stable-Diffusion-Webui之kohya-ss主题更改

文章目录 kohya-sskohya-ss主题更改添加背景图片更改组件样式自定义主题规范更改主题的另一种方式kohya-ss kohya-ss是一个专门用于训练Dreambooth、LoRA等小模型的项目，本身没有GUI界面，需要通过python命令去调用使用，这对于不懂python的同学来说门槛稍微有点高，于是有人…...

编程日记 2023/6/17 10:15:04

搜索在计算机中的地位十分重要

无论是在内部系统还是在外部的互联网站上，都少不了检索系统。数据是为了用户而服务。计算机在采集数据，处理数据，存储数据之后，各种客户端的操作pc机或者是移动嵌入式设备都可以很好的获取数据，得到想要的数据服务。 …...

编程日记 2023/6/17 9:41:43

多模态深度学习：定义、示例、应用

人类使用五种感官来体验和解读周围的世界。我们的五种感官从五个不同的来源和五种不同的方式捕捉信息。模态是指某事发生、经历或捕捉的方式。人脑由可以同时处理多种模式的神经网络组成。想象一下进行对话——您大脑的神经网络处理多模式输入（音频、视觉、文本、…...

编程日记 2023/6/17 9:08:22

怎样建立自己的销售网站/今天的新闻最新消息

随着汽车行业的发展，现在的纯电动车已经是值得所有消费者，认真考虑的购车选项了。如果说在2019年之前的新能源汽车市场还具有较为明显的政策引导色彩，部分消费者买电动车或者是为了占号、或是购车有优惠。但从去年到今年，越来越多…...

编程日记 2025/1/11 7:57:41

宁波外贸公司为什么这么多/seo关键词排名优化如何

2019独角兽企业重金招聘Python工程师标准>>> 本文是从FISCO-BCOS的官方GitHub中的安装包进行安装的记录过程 1. Node.js环境准备 #nodejs安装 nvm curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash source ~/.bashrc nvm ins…...

编程日记 2025/1/11 6:59:50

做推广的网站带宽需要多少钱/关键词优化精灵

给定一个链表，删除链表的倒数第 n 个节点，并且返回链表的头结点。示例： 给定一个链表: 1->2->3->4->5, 和 n 2. 当删除了倒数第二个节点后，链表变为 1->2->3->5. 说明： 给定的 n 保证是有效…...

编程日记 2025/1/11 5:32:09

一个公司能备案多个网站吗/搜索引擎实训心得体会

int main(int argc , char *argv[])//测试调用函数 {const char *env_init[] {"USERunkown","PATHmypath",NULL};pid_t pid;if( (pid fork()) < 0 )err_sys("fork error");else if(pid 0)//这个很牛逼的样子哦,还可以这样玩,在子函数里面调…...

编程日记 2025/1/11 2:08:24