响应式Web设计单元测试

这篇具有很好参考价值的文章主要介绍了响应式Web设计单元测试。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一. 单选题 (共8题,40.0分)

  1. (单选题, 5.0分)
    用于配置视口属性的标签是( )。
    A <meta>
    B <title>
    C <link>
    D <script>

  2. (单选题, 5.0分)
    配置视口时,元数据标签的name属性值应为( )。
    A view
    B view port
    C viewport
    D view-port

  3. (单选题, 5.0分)
    将固定布局转化为百分比布局的换算公式正确的是( )。
    A 目标元素宽度/子盒子宽度=百分数宽度
    B 目标元素宽度/父盒子宽度=百分数宽度
    C 父盒子宽度/目标元素宽度=百分数宽度
    D 目标元素宽度/网页宽度=百分数宽度

  4. (单选题, 5.0分)
    用于指定元素为弹性盒容器的属性是( )。
    A flex
    B display
    C order
    D align

  5. (单选题, 5.0分)
    下列不属于flex-wrap属性值的项有( )。
    A nowrap
    B wrap
    C wrap-reverse
    D center

  6. (单选题, 5.0分)
    设置弹性元素扩展比率为0、收缩比率为1和宽度居中的缩写形式为( )。
    A flex: 1 0 auto;
    B flex: 0 1 auto;
    C flex: 0, 1, auto;
    D flex: 1, 0, auto;

  7. (单选题, 5.0分)
    用于设置子元素出现顺序的属性是( )。
    A display
    B flex
    C order
    D align-self

  8. (单选题, 5.0分)
    设置子元素如何在当前轴方向排列的属性为( )。
    A flex-wrap
    B align-items
    C justify-content
    D flex-direction

二. 多选题 (共5题,25.0分)

  1. (多选题, 5.0分)
    视口是针对移动端浏览器的,通常分为( )。
    A 可见视口,即设备屏幕大小
    B 隐藏视口
    C 视窗视口,即网页大小
    D 固定视口

  2. (多选题, 5.0分)
    常见的响应式Web设计方式有( )。
    A 百分比布局
    B 栅格系统
    C DIV布局
    D 弹性盒布局

  3. (多选题, 5.0分)
    关于弹性盒布局,下面叙述正确的是( )。
    A 弹性盒由容器、子元素和轴组成。
    B 弹性盒改进了块模型,既不使用浮动,也不会在弹性盒容器与其内容之间合并外边距。
    C 增加了盒状模型的灵活性。

    D 在适应不同设备能力上不如栅格系统。

  4. (多选题, 5.0分)
    下列属于flex-direction属性的可取值的项有( )。
    A row
    B wrap
    C column
    D row-reverse

  5. (多选题, 5.0分)
    在使用弹性盒布局时,以下描述正确的是( )。
    A 弹性容器的每一个子元素变为一个弹性子元素,弹性容器直接包含的文本变为匿名的弹性子元素。
    B 多列布局中的column-*属性对弹性子元素无效。
    C float属性和clear 属性对弹性子元素无效,使用float会导致display属性计算为block。
    D vertical-align属性对弹性子元素的对齐无效。

三. 判断题 (共7题,35.0分)

  1. (判断题, 5.0分)
    媒体查询不可以根据视口宽度、设备方向等差异来改变页面的显示方式。
    A 对
    B 错

  2. (判断题, 5.0分)
    媒体查询由媒体类型和条件表达式组成,用@media规则定义。
    A 对
    B 错

  3. (判断题, 5.0分)
    在定义媒体查询时,媒体类型与条件表达式都不能省略。
    A 对
    B 错

  4. (判断题, 5.0分)
    把固定像素的宽度换算为百分比宽度,可以将固定布局转化为百分比布局。
    A 对
    B 错

  5. (判断题, 5.0分)
    栅格系统采用固定的格子进行网页布局,以适应不同设备。
    A 对
    B 错

  6. (判断题, 5.0分)
    在弹性盒布局中,元素的排列顺序是由元素书写的顺序来决定的。
    A 对
    B 错

  7. (判断题, 5.0分)
    要将子元素按自然书写顺序排列,则order属性都设置成同一个值。
    A 对
    B 错文章来源地址https://www.toymoban.com/news/detail-494975.html

到了这里,关于响应式Web设计单元测试的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Web项目如何做单元测试

    你可能会用单元测试框架,python的unittest、pytest,Java的Junit、testNG等。 那么你会做单元测试么!当然了,这有什么难的? test_demo.py inc()  是定义的一个被测函数, test_anserver()  用于测试上面的一段代码。 通过pytest运行上面的代码: 单元测试不就是这么单嘛! 那么Web项目中

    2024年02月16日
    浏览(32)
  • PHP毕业设计课题选题(14)基于web网页网站PHP在线教室视频点播学习系统设计与实现

     博主介绍 :《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,免费 项目配有对应开发文档、开题报告、任务书、PPT、论文模版

    2024年02月08日
    浏览(51)
  • Web安全测试(二):HTTP状态码、响应和url详解

    结合内部资料,与安全渗透部门同事合力整理的安全测试相关资料教程,全方位涵盖电商、支付、金融、网络、数据库等领域的安全测试,覆盖Web、APP、中间件、内外网、Linux、Windows多个平台。学完后一定能成为安全大佬! 全部文章请访问专栏: 《全栈安全测试教程(0基础

    2024年02月11日
    浏览(40)
  • 华为数通方向HCIP-DataCom H12-821题库(单选题:21-40)

    在广播类型网络中,DIS默认发送Hello时间间隔为多少? A、10s B、3.3s C、5S D、40s 答案:B 解析: 在广播环境中,DIS 发送 hello 报文的周期更加的短,是普通ISIS路由器的1/3,普通ISIS路由器发送hello的时间为10s,所以DIS发送hello的周期是3.3s 当OSPF运行在广播网络中时,需要选举DR和BDR。那么在

    2024年02月11日
    浏览(38)
  • 华为数通方向HCIP-DataCom H12-831题库(多选题:21-40)

    网络管理员A希望使用ACL匹配特定的路由条目,请问以下哪些路由条目将被图中的ACL规侧匹配? A、10.0.0.1/32 B、10.0.0.0/24 C、10.0.1.0/24 D、10.0.2.0/24 答案: 解析: 通配符十进制6转换二进制为00000110,“1”位可不一致,与”10.0.0.0/24”和”10.0.2.0/24”匹配。通配符十进制6转换二进制为

    2024年02月08日
    浏览(36)
  • Python web实战之细说 Django 的单元测试

      : Python Web 开发、Django、单元测试、测试驱动开发、TDD、测试框架、持续集成、自动化测试 大家好,今天,我将带领大家进入 Python Web 开发的新世界,深入探讨 Django 的单元测试。通过本文的实战案例和详细讲解,你将学会如何使用单元测试来保证代码质量,提高开

    2024年02月12日
    浏览(37)
  • web前端开发中的响应式布局设计是什么意思?

    响应式布局是指网页设计和开发中的一种技术方法,旨在使网页能够在不同大小的屏幕和设备上都能良好地显示和交互。这种方法使得网页可以自动适应不同的屏幕尺寸,包括桌面电脑、平板电脑和手机等。 在Web前端开发中,响应式布局通常使用CSS(层叠样式表)来实现。以

    2024年02月11日
    浏览(41)
  • 【Python百宝箱】Python测试工具大揭秘:从单元测试到Web自动化

    在现代软件开发中,测试是确保代码质量和稳定性的关键步骤。Python作为一门广泛应用的编程语言,拥有丰富的测试工具和库,从单元测试到Web自动化,覆盖了多个测试层面。本文将介绍一系列Python测试工具,帮助开发者选择适合项目需求的工具,提高代码的可靠性和可维护

    2024年02月03日
    浏览(48)
  • 【vitest 单元测试】如何蹭 ant-design-web3 的PR

    这篇文章分享单测经验,希望你能收获到有用的单测知识或者pr思路,填补单测的过程可以深刻理解组件内部的每一个流程,相信一定有所收获。 最近刚好在做一些单测覆盖的工作,在排查执行不到的地方的过程,可以梳理整个组件执行的脉络,甚至发现一些可以优化组件的

    2024年01月16日
    浏览(33)
  • RPA设计实施、开发和单元测试

    RPA的设计、开发和单元测试是RPA项目实施的核心阶段。这个实施过程并非是遵循传统的瀑布式软件开发方法,而是遵循敏捷方法论,采用冲刺Sprint和迭代增量Scrum相结合的方法。Sprint指的是一次冲刺迭代,通常是以最快的速度完成一次开发任务的时间周期。Scrum包括一系列最佳

    2023年04月08日
    浏览(70)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包