測試你的技能:CSS 佈局
此頁面列出了你可以嘗試的 CSS 佈局測試,以便驗證你是否已理解本模組的內容。
按主題測試你的 CSS 佈局技能
- 測試你的技能:CSS Grid
此技能測試的目的是幫助你評估你是否理解 Grid 和 Grid Item 的行為。你將完成幾個小型任務,這些任務使用你剛剛學習的材料中的不同元素。
- 測試你的技能:Flexbox
此技能測試的目的是幫助你評估你是否理解 Flexbox 和 Flex Item 的行為。下面是四組你可以使用 Flexbox 解決的設計問題。你的任務是修復這些問題。
- 測試你的技能:Float
此技能測試的目的是幫助你評估你是否理解 CSS 中的 Float,包括使用
float和clear屬性及值,以及其他清除浮動的方法。你將完成三個小型任務,這些任務使用你剛剛學習的材料中的不同元素。- 測試你的技能:定位
此技能測試的目的是幫助你評估你是否理解 CSS 中的 定位,包括使用 CSS
position屬性和值。你將完成兩個小型任務,這些任務使用你剛剛學習的材料中的不同元素。- 測試你的技能:響應式 Web 設計和媒體查詢
此技能測試的目的是幫助你評估你是否理解 如何使用媒體查詢,並透過一個實際任務讓你掌握響應式 Web 設計。你完成此任務所需的一切知識都已包含在 CSS 佈局模組 的佈局課程中。