---
tags: 30 天軟體工程師體驗營｜2025
---
> 建議觀看的影音章節：
> - CSS - VS Code 網頁編輯器、HTML 基礎教學
> CSS - CSS常用語法
> CSS - 使用 CSS 變更 HTML 標籤特性
> RWD - 伸縮自如的 RWD 排版術

# 🏅 切版任務 Day14 - HTML、CSS 觀念補給

## 題目

請回答下方選擇題：

### Q1 以下 CSS 選擇器哪個錯誤？
A. `.container`
B. `#title1`
C. `li > a > img`
D. `$style1`

### Q2 以下關於 HTML 與 CSS 的說明哪個有誤？
A. `img 的 alt 屬性是用來給視障人士使用並且當做圖片失效時顯示的`
B. `a 標籤的擬態選擇器有 :hover :active`
C. `如果要改變 a 標籤大小，需要加上 display: inline;`
D. `默認的文字大小是 16px`

### Q3 關於列表標籤的說明哪個有誤？
A. `ol 是有序列表 裡面的 li 會有 123 等數字排序`
B. `所有主流瀏覽器都支持 ol 標籤`
C. `ul 是有序列表 裡面的 li 會有 123 等數字排序`
D. `ol ul 的內層都是 li 標籤`

### Q4 下列選項中哪一個標籤不是區塊元素？
A. `<p></p>`
B. `<h1></h1>`
C. `<img />`
D. `<div></div>`

### Q5 我想讓 a 連結按鈕距離上方與下方的 div 區塊各 10px 高度，哪個選項寫法正確？
A. `margin: 0 10px; display: block;`
B. `padding: 10px 0;`
C. `padding: 0 10px; `
D. `margin: 10px 0; display: block;`

### Q6: 製作響應式網頁時 header 中必須加入什麼東西？
A. `<meta media="true" />`
B. `<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
C. `<script src="./viewport.js"></script>`

### Q7: 在響應式網頁中嚴格禁止出現以下哪個東西？
A. `X 軸`
B. `Y 軸`
C. `Z 軸`

### Q8: 關於響應式網頁的說法以下何者「錯誤」？
A. `RWD 是 Responsive Web Design 的簡稱`
B. `@media (max-width: 400px) {...} 表示當螢幕尺寸大於等於 400px 就會套用 {...} 中撰寫的樣式`
C. `@media (max-width: 400px) {...} 表示當螢幕尺寸小於等於 400px 就會套用 {...} 中撰寫的樣式`

## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）


<!--

解答：
DCCCDBAB

-->

回報區
---

| 報數 | Discord 名字 | Codepen／其他回饋 |
|:----:|:------------:|:-----------------------------------------------------------------:|
| 1 |connieK8888| [Codepen](https://codepen.io/eaksloky-the-sans/pen/RNNvqqa)|
| 2 | 4chan | [Codepen](https://codepen.io/ijuolaqc-the-looper/pen/ByyMGGR?editors=1010) |
| 3 |　随縁 | [Codepen](https://codepen.io/zuien/pen/vEEbQvG?editors=1100) |
| 4 | dean | [Codepen](https://codepen.io/ch933114/pen/wBBNQbr)|
| 5 | BaLaLaYOU | [Codepen](https://codepen.io/bashawxd-the-bashful/pen/qEEgQYz)|
| 6 | 林明德 | [Codepen](https://codepen.io/lwescocn-the-vuer/pen/ByyMvom) |
| 7 | Ataya | [Codepen](https://codepen.io/zin-seven/pen/qEEgLEd) |
| 8 | HLC | [Codepen](https://codepen.io/pppbbb262626/pen/xbbMmPZ?editors=1100) |
| 9 | jingle0900 | [Codepen](https://codepen.io/EvaLi0472/pen/azzXPWO?editors=1100) |
| 10| Saika| [Codepen](https://codepen.io/saika4501/pen/yyyZGeG)|
| 11| B | [Codepen](https://codepen.io/Babel777/pen/bNNzOYj)|
| 12 | akkk | [Codepen](https://codepen.io/ak-wu-the-decoder/pen/oggmJaW) |
| 13 | 7Lun | [Day14-Codepen](https://codepen.io/mfyvqhsn-the-bold/pen/WbbPLVB) |
| 14 | RUDY | [Codepen](https://codepen.io/Rudy-crw/pen/qEEgQJe) |
| 14 | Klaus Chen| [Codepen](https://codepen.io/Klaus-Chen/pen/LEEqMyZ?editors=1100) |
| 16 | oyll| [Codepen](https://codepen.io/dizzydog-rgb/pen/pvvGGjv?editors=1100) |
| 16 | Min| [有解說](https://codepen.io/cvqevoxk-the-decoder/pen/NPPooKm?editors=1100) |
| 17 | pastor | [Codepen](https://codepen.io/peter_hung/pen/yyyZZYN) |
| 18 | Joseph_Kyuu | [Codepen](https://codepen.io/zrzfastd-the-reactor/pen/zxxeedz) |
| 19 | Hank_08123 | [Codepen](https://codepen.io/hankyang1213/pen/LEEqqJB) |
| 20 | Toung | [Codepen](https://codepen.io/Toung/pen/QwwYYvw)
| 21 | andy | [Codepen](https://codepen.io/ewnblckz-the-styleful/pen/wBBNNob) |
| 22 | DD | [Codepen](https://codepen.io/dorihung/pen/YPPBBRd) |
| 23 | Owen He | [Codepen](https://codepen.io/owen1120/pen/myyvvxv?editors=1100) |
| 24 | Chia__ | [Codepen](https://codepen.io/Chia-the-encoder/pen/LEEqaYX) |
| 25 | Ali | [Codepen](https://codepen.io/Alicia1117/pen/bNNzzjN) |
| 26 | 謝天 | [Codepen](https://codepen.io/crisxie/pen/oggmmRQ) |
| 27 | ying | [Codepen](https://codepen.io/Lara-Lin/pen/WbbPmZO?editors=1111) |
| 28 | 登登登 | [Codepen](https://codepen.io/Duncanin/pen/jEEdJMm) |
| 29 | 馬德 | [Codepen](https://codepen.io/maywang/pen/myyvvZZ?editors=0010) |
| 30 | mercury2508. | [Codepen](https://codepen.io/Mercury2508/pen/KwwJYar) |
| 31 | allen3290 | [Codepen](https://codepen.io/udadkudw-the-looper/pen/NPPomNM) |
| 32 | Aoi | [Codepen](https://codepen.io/zching07/pen/bNNzzXE) |
| 33 | 力文 | [Codepen](https://codepen.io/liwenchiou/pen/bNNzJxm) |
| 34 | cks40660 | [Codepen](https://codepen.io/CKS40660/pen/zxxeXbq) |
| 35 | Michael - 鴿子 | [Codepen](https://codepen.io/KeinSacer_Michael/pen/XJJOQLd) |
| 36 | Aidd. | [Codepen](https://codepen.io/aiddchen/pen/emmxaOJ) |
| 37 | Melanie | [Codepen](https://codepen.io/pnrcspte-the-animator/pen/zxxeQNZ?editors=1100) |
| 38 | nora_zizi | [Codepen](https://codepen.io/Nora-Ch/pen/myyvYmQ) |
|39|小趴|[Codepen](https://codepen.io/papa2415/pen/NPPoVEG)|
|40|柔術小子|[Codepen](https://codepen.io/Li-Lee-Everything-is-PM/pen/RNNvmby)|
| 41 | WEIWEI | [Codepen](https://codepen.io/weiwei93/pen/pvvGmYR) |
| 42 | ggininder | [Codepen](https://codepen.io/wei900221/pen/raaPXPV) |
|43|JHT|[Codepen](https://codepen.io/juanht/pen/vEEboae)|
| 44 | kururu110 |[Codepen](https://codepen.io/ecqyjuck-the-decoder/pen/YPPgKEO)|
|45|蛋殼|[Codepen](https://codepen.io/weybrian/pen/ByybBXN)|
| 46 | stone | [Codepen](https://codepen.io/bgrwlzoz-the-reactor/pen/xbbBbqG)|
| 46 | Leonard | [Codepen](https://codepen.io/hyyfjqra-the-sans/pen/qEEvEXZ?editors=0010)|
| 47 | 牛奶 | [Codepen](https://codepen.io/0omilko0/pen/EaaMaqg?editors=1000)|
| 48 | 小懿 | [Codepen](https://codepen.io/YT-the-vuer/pen/XJJGJGm?editors=1100) |
| 49 | 所有人 | [Codepen](https://codepen.io/ypfttckg-the-looper/pen/KwwEpJg) |
| 50 | Cyan66 | [Codepen](https://codepen.io/Cyan66/pen/GggeJgB) |
| 51 | 消波塊 | [Codepen](https://codepen.io/PaulHsiao/pen/JoozPyO) |
| 52 | Orligege | [Codepen](https://codepen.io/S-Tung/pen/EaaOLZN) |
| 53 | Holly | [Codepen](https://codepen.io/LEE-HOLLY/pen/PwwLPqw) |
| 54 | carrie0416 | [Codepen](https://codepen.io/Hong-Carrie/pen/azzMvNj) |
| 55 | William Hsieh | [Codepen](https://codepen.io/lsaimqxa-the-vuer/pen/gbbEadM?editors=1100) |
| 56 | Zing | [Codepen](https://codepen.io/TZU-YIN-WANG/pen/bNNZpgy?editors=1100) |
| 57 | 叮咚 | [Codepen](https://codepen.io/pinchieh-lin/pen/gbbqqoy) |
| 58 | Hugh | [Codepen](https://codepen.io/Hugh-Chen/pen/KwwEvJY?editors=1100) |
| 59 | An | [Codepen](https://codepen.io/bzrpsbjq-the-encoder/pen/QwwoOMp?editors=1100) |
| 60 | ann.328 | [Codepen](https://codepen.io/yqmegupa-the-styleful/pen/myyoLJr) |
| 61 | Chuang | [Codepen](https://codepen.io/uidoytjq-the-solid/pen/NPPJMXz?editors=1010) |
| 62 | wei_0982 | [Codepen](https://codepen.io/nico-lai/pen/PwwLmLr) |
| 63 | yang |[codepen](https://codepen.io/Yang-J/pen/pvvBJLv?editors=1002)|
| 64 | 阿龍| [Codepen](https://codepen.io/Nemo-Lin/pen/azzxOQy)
| 65 | Jessie_Yu | [Jessie_Yu 的 Codepen](https://codepen.io/bakyfkso-the-looper/pen/LEEvzYR)|
| 66 | Jane | [Codepen](https://codepen.io/jkmx/pen/RNNOMBX) |
| 67 | leo_tzou | [Codepen](https://codepen.io/JH_Portfolio/pen/oggOMXd) |
| 68 | BL | [Codepen](https://codepen.io/bonnieli1414/pen/pvvmRrb?editors=0011) |
| 69 | tina01170 | [Codepen](https://codepen.io/tina-huang-the-bashful/pen/VYYOxKo)|
| 70 | ja4071 | [Codepen](https://codepen.io/SHAO-L/pen/xbboQLd)|
| 71 | vima | [Codepen](https://codepen.io/chin7004/pen/YPPmvVy) |
| 72 | tung | [Codepen](https://codepen.io/oltsegon-the-looper/pen/GggaNKE) |
| 73 | kelsonhouse|[Codepen](https://codepen.io/Kelson-House/pen/OPVJvBv)|
| 74 | 木乃伊 Kimi | [Codepen](https://codepen.io/veqjtzdb-the-lessful/pen/NPqPqLd) |
| 75 | kent_31665 | DCCCDBAB |
| 76 | Rogan | [Codepen](https://codepen.io/RoganHsu/pen/dPoOjKR) |
| 77 | 禹成林 | [Codepen](https://codepen.io/useirin/pen/zxGNOPm) |
| 78 | Astrid | [6/6](https://codepen.io/astrid321654/pen/ZYGyWeO?editors=1100) |
| 79 | JiaMori | [Codepen](https://codepen.io/jiamori/pen/zxGamYN) |
| 80 | Waynetrece| [Codepen](https://codepen.io/waynetrece/pen/yyNqXao) |

<!--【快速複製】
| num | user | [Codepen]() |
-- >