測試你的技能:CSS 佈局

此頁面列出了你可以嘗試的 CSS 佈局測試,以便驗證你是否已理解本模組的內容。

按主題測試你的 CSS 佈局技能

測試你的技能:CSS Grid

此技能測試的目的是幫助你評估你是否理解 Grid 和 Grid Item 的行為。你將完成幾個小型任務,這些任務使用你剛剛學習的材料中的不同元素。

測試你的技能:Flexbox

此技能測試的目的是幫助你評估你是否理解 Flexbox 和 Flex Item 的行為。下面是四組你可以使用 Flexbox 解決的設計問題。你的任務是修復這些問題。

測試你的技能:Float

此技能測試的目的是幫助你評估你是否理解 CSS 中的 Float,包括使用 floatclear 屬性及值,以及其他清除浮動的方法。你將完成三個小型任務,這些任務使用你剛剛學習的材料中的不同元素。

測試你的技能:定位

此技能測試的目的是幫助你評估你是否理解 CSS 中的 定位,包括使用 CSS position 屬性和值。你將完成兩個小型任務,這些任務使用你剛剛學習的材料中的不同元素。

測試你的技能:響應式 Web 設計和媒體查詢

此技能測試的目的是幫助你評估你是否理解 如何使用媒體查詢,並透過一個實際任務讓你掌握響應式 Web 設計。你完成此任務所需的一切知識都已包含在 CSS 佈局模組 的佈局課程中。

另見