测试你的技能:CSS 布局

此页面列出了你可以尝试的 CSS 布局测试,以便验证你是否已理解本模块的内容。

按主题测试你的 CSS 布局技能

测试你的技能:CSS Grid

此技能测试的目的是帮助你评估你是否理解 Grid 和 Grid Item 的行为。你将完成几个小型任务,这些任务使用你刚刚学习的材料中的不同元素。

测试你的技能:Flexbox

此技能测试的目的是帮助你评估你是否理解 Flexbox 和 Flex Item 的行为。下面是四组你可以使用 Flexbox 解决的设计问题。你的任务是修复这些问题。

测试你的技能:Float

此技能测试的目的是帮助你评估你是否理解 CSS 中的 Float,包括使用 floatclear 属性及值,以及其他清除浮动的方法。你将完成三个小型任务,这些任务使用你刚刚学习的材料中的不同元素。

测试你的技能:定位

此技能测试的目的是帮助你评估你是否理解 CSS 中的 定位,包括使用 CSS position 属性和值。你将完成两个小型任务,这些任务使用你刚刚学习的材料中的不同元素。

测试你的技能:响应式 Web 设计和媒体查询

此技能测试的目的是帮助你评估你是否理解 如何使用媒体查询,并通过一个实际任务让你掌握响应式 Web 设计。你完成此任务所需的一切知识都已包含在 CSS 布局模块 的布局课程中。

另见