---
tags: 軟體工程師體驗營 - 2024
---

# 🏅 切版任務 Day13 - 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 | Larry | DCCCBBAB |
| 2 | Meng | DCCCDBAB |
| 3 | 小米 | DCCCDBAB |
| 4 | han | DCCCDBAB |
| 05 | Aya | [Codepen](https://codepen.io/NoNameNote/pen/NWVPMoO) |
| 06 | Tough life | DCCCDBAB |
| 7 | Lauren | DCCCDBAB |
| 8 | LiLiLiLi | CCCCDBAB |
| 9 | Jiahe | DCCCDBAB |
| 10 | mike_2049 | DCCCDBAB |
| 11 | 詹姆士 | DCCCDBAB |
| 12 | Michelle0417 | [Codepen](https://codepen.io/michelle0417/pen/JjqoZKN) |
| 13 | Angela_la | DCCCDBAB |
| 14 | WEIWEI | DCCCDBAB |
| 15 | 白白 | [Codepen](https://codepen.io/YuBai/pen/RwmNJjY?editors=1000) |
| 15 | brucelee0629 | DCCCDBAB |
| 17 | LGJason | DCCCDBAB |
| 18 | hongru-LyNn | DCCCDBAB |
| 19 | JUN_ | DCCCDBAB |
| 20 | 小趴 | DCCCD BAB |
| 21 | Hailey | DCCCDBAB |
| 22 | Daphne | DCCCDBAB |
| 23 | zaoannihao | [Codepen](https://codepen.io/ckhwdvrx-the-solid/pen/JjqoBYB) |
| 24 | Chia Pin | [Codepen](https://codepen.io/joker-cat/pen/PovwBjq) |
| 25 | Chen | DCCCDBAB |
| 26 | Andy_12 | [Codepen](https://codepen.io/lifann/pen/YzbPjRz?editors=1010) |
| 27 | chloe_mobao | DCCCD / BAB |
| 27 | KUN. | DCCCDBAB |
| 28 | s870012 | DCCCDBAB |
| 29 | Kaya | DCCCDBAB |
| 30 | zobody | DCCCDBAB |
| 31 | LYC | [Codepen](https://codepen.io/LY-C/pen/OJYPoWj) |
| 32 | easonpan | DCCCDBAB |
| 33 | Tanyaaaa | DCCCDBAB |
| 34 | Winnie | [Codepen](https://codepen.io/codepen-io-winnie/pen/NWVPLeO?editors=1000) |
| 35 | Ariel | [Codepen](https://codepen.io/ariel0510/pen/eYamLxO?editors=1010) |
| 36 | ninii傳教士 | DCCCDBAB |
| 37 | Emma | DCCCDBAB |
| 38 | Eden | [Codepen](https://codepen.io/iseden/pen/xxNbyBp) |
| 39 | CrystalLala | DCCCDBAB |
| 40 | macihuang | [Codepen](https://codepen.io/macy1215/pen/ZENYmdj) |
| 41 | peggy | [Codepen](https://codepen.io/peggy0419/pen/Jjqoepw) |
| 42 | 雪維 | [Codepen](https://codepen.io/Shawey/pen/MWdYPKY) |
| 43 | kawa | [Codepen](https://codepen.io/z83xji6/pen/jOoEXrx?editors=0010) |
| 44 | yunyouob | DCCCDBAB |
| 45 | tim | [Codepen](https://codepen.io/z83xji6/pen/jOoEXrx?editors=0010) |
| 46 | Ana | [Codepen](https://codepen.io/Ana-Wu/pen/jOoEdbo?editors=1000) |
| 47 | Jenny_7314 | D C C C D B A B |
| 48 | JESS | DCCCDBAB |
| 48 | MDFK | DCCCDBAB |
| 49 | anderson666 | DCCCDBAB [Codepen](https://codepen.io/goodmanbuild/pen/JjqozYZ) |
| 50 | Antonio | [Codepen](https://codepen.io/gwhvusel-the-builder/pen/BaeyGxz) |
| 51 | leo.chang | [Codepen](https://codepen.io/s16777216/pen/XWwJQmO) |
| 52 | JY | [Codepen](https://codepen.io/jylee0805/pen/zYQxXPg) |
| 53 | khoo | [Codepen](https://codepen.io/yi8/pen/RwmNOEZ?editors=1100) |
| 54 | Linfe | [Codepen](https://codepen.io/Linfe/pen/mdYyYqG) |
| 55 | Zander | [Codepen](https://codepen.io/chuangmaster/pen/ExzaqNz) |
| 56 | Camila | DCCCDBAB |
| 57 | james867. | DCCCDBAB |
| 58 | Grace | DACDACCD |
| 59 | Sammy | [Codepen](https://codepen.io/fsczdlla-the-bold/pen/rNgaZba) |
| 60 | Eileen | [Codepen](https://codepen.io/Eileen-io/pen/Jjqowog) |
| 61 | jerry | DCCCDBAB |
| 62 | 小白 | [Codepen](https://codepen.io/xjbowjbr-the-builder/pen/ZENGBOE) |
| 63 | maru3096 | DCCCDBAB |
| 64 | Yuwen | DCCCDBAB |
| 65 | Maxine | [Codepen](https://codepen.io/Maxine0713/pen/abrOwmq) |
| 66 | FURUTO | DCCCDBAB |
| 67 | 阿若 | DCCCDBAB |
| 68 | boin | DCCCDBAB |
| 69 | 快樂小豬 | DCCCDBAB |
| 70 | yo0x0oy | DCCCBAB |
| 71 | JIAWUN | DCCCDBAB |
| 72 | asabulu_von_f | DCCCBBAB |
| 73 | Areta | DCCCDBAB |
| 74 | 阿宸 | DCCCDBAB |
| 75 | oyll | DCCCDBAB |
| 76 | Joey一針 | DCCCDBAB |
| 77 | ZZ | DCCCCDBAB |
| 78 | 黛西 | DCCCDBAB |
| 79 | 邵 | DCCCDBAB |
| 80 | yun | DCCCDBAB |
| 81 | Anna | DCCCDBAB |
| 82 | 勾小勻 | DCCCDBAB |
| 83 | Sana | DCCCDBAB |
| 84 | 秀 | DCCCDBAB |
| 85 | Yini Chen | DCCCDBAB |
| 86 | Casey | [Codepen](https://codepen.io/Caseyyyyyyyyyyyyyy/pen/abrdrOr) |
| 87 | hsiu8767 | DCCCDBAB |
| 88 | sunknight_002 | DCCCDBAB |
| 89 | jimmy.0706 | DCCCDBAB |
| 90 | Sonia | DCCCDBAB |
| 91 | Aasta | DCCCDBAB |
| 92 | Shen | DCCCDBAB |
| 93 | sherry | Dcccbbab |
| 94 | 真真瑋瑋 | dcccbbab |
| 95 | haojing | DCCCDBAB
| 96 | Eddiesun0526 | DCCCDBAB|
| 97 | Frank Chiang | DCCCDBAB |
| 98 | tzhengliin(子恆) | [CodePen](https://codepen.io/tzhengliin/pen/ExzNBgr) |
| 99 | maruko1105 | DCCCDBAB |
| 100 | emmayo | DCCCDBAB |
| 101 | Anais77 | [Codepen](https://codepen.io/liu-anais/pen/jOoBOZa) |
| 102 | Taiwanno1 |DACCDBAB |
| 103 | Amy(咂摳) | [Codepen](https://codepen.io/nnxucgmc-the-builder/pen/OJYxqKG?editors=1100) |
| 104 | 毛巾 | DCCCDBAB |
| 105 | Toung | [Codepen](https://codepen.io/Toung/pen/oNRwGVG) |
| 106 | Jainee | DCCCDBAB |
| 107 | ChrisLin | DCCCDBAB |
<!--【快速複製】
| num | user | [Codepen]() |
-- >