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

# 🏅 切版任務 Day15 - 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 | Joi#4089 | DCCCDBAB |
| 2 | Daisy_Li#4231 | DCCCDBAB |
| 3 | Rochel#4754 | DCCCDBAB |
| 4 | 史滴芬#4310 | DCCCDBAB |
| 5 | Ataraxia#9977 | DCCCDBAB |
| 6 | Tami#6742 | DCCCDBAB |
| 7 | DyH#0526 | DCCCDBAB |
| 8 | Kulimusoda#2785 | DCCCDBAB |
| 9 | Ann Chou#0146 | DCCCDBAB |
| 10 | Eero#1147 | DCCCDBAB |
| 11 | 銀光菇#1692 | DCCCDBAB |
| 12 | Berlin#7338 | DCCCDBAB |
| 13 | JimWang#6134 | DCCCDBAB |
| 14 | 冬天#5215 | DCCCDBAB |
| 15 | DeLi#8324 | DCCCDBAB |
| 16 | Jacky7035#9423 | DCCCDBAB |
| 17 | Snadra#1987 | DCCCDBAB |
|18| Quantum#6093 |DCCCDBAB|
| 19 | しあわせね#0036 | DCCCDBAB |
| 20 | 陳庭#3529 | DCCCDBAB |
| 21 | townyuan#2653 | DCCCDBAB |
| 22 | Ting.66#0912 | DCCCDBAB |
| 23 | satarkuo#5736 | DCCCDBAB |
| 24 | judy123#2363 | DCCCDBAB |
| 25 | ChaosTu#9311 | DCCCDBAB |
| 26 | jia yu#8896 | DCCCDBAB |
| 27 | 大頭#1695 | DCCCDBAB |
|28|汪汪#4486|DCCCDBAB|
29|雲漢#5319|DCCCDBAB|
| 30 | 翔.#0859 | DCCCDBAB |
| --- | -------------------- | -------------------------------------------------------------------- |
| 30 | 魚翅#3100 | DCCCDBAB |
| 31 | 辣椒#1002 | DCCCDBAB |
| 32 | Hao#2485 | DCCCDBAB |
| 33 | andrew0404#4576 | [CodePen](https://codepen.io/Loonng/pen/YzJOBRw?editors=1010) |
| 34 | Tina02#2691 | DCCCDBAB |
| 35 | Bruce-Lee#0629 | DCCCDBAB |
| 36 | snow#0255 | DCCCDBAB |
| 37 | Kaya#8857 | [Codepen](https://codepen.io/laron9486/pen/poxOGXO) |
| 38 | Lychee KK | DCCCDBAB |
| 39 | Uli#1946 | DCCCDBAB |
| 40 | gahwa#3562 | DCCCDBAB |
| 41 | HsienLu#8316 | DCCCDBAB |
| 42 | 肉個阿倫#7172 | DCCCDBAB |
| 43 | 依依#6306 | DCCCDBAB |
| 44 | henrykgb#5749 | DCCCDBAB |
| 45 | N0c7iluc3n7#4390 | [Codepen](https://codepen.io/huang-yu-cheng/pen/jOevoBL) |
| 46 | YHT#1696 | DCCADBAC |
| 47 | K（アギルダー）#0386 | DCCCDBAB |
| 48 | duck#3310 | DCCCDBAB |
| 49 | HsuanTang#1349 | DCCCDBAB |
| 50 | Akira#9996 | DCCCDBAB |
| 51 | 吳偉雄恩#2256 | DCCCDBAB |
| 52 | 姜承#8204 | [DCCCDBAB ](https://codepen.io/Troy0718/pen/qBJJBpa) |
| 53 | wiimax#4564 | DCCCDBAB |
| 54 | 變羊魔法#6372 | DCCCDBAB |
| 55 | Janet#5784 | DCCCDBAB |
| 56 | Jennifer Chuang#3937 | DCCCDBAB |
| 57 | 泊岸#3466 | DCCCDBAB |
| 58 | 歐陽龍龍#1061 | DCCCDBAB |
| 59 | Rayo#8002 | [DCCCDBAB ](https://codepen.io/loborayo/pen/MWPPKOj) |
| 60 | jackwu#4437 | DCCCDBAB |
| 61 | 杰_jie#9088 | DCCCDBAB |
| 62 | 鄭舜仁#6606 | DCCCDBAB |
| 63 | CuraLin#2648 | DCCCDBAB |
| 64 | Döng#2328 | DCCCDBAB |
| 65 | 伊奇#9139 | BCCADBAB |
| 66 | PoWei#8484 | DCCCABAB |
| 67 | betty#0693 | DCCCDBAB |
| 68 | Aritan#1931 | DCCCDBAB |
| 69 | David0799#4415 | DCCCDBAB |
| 70 | Jenny真#7532 | DCCCBBAB |
| 71 | 兔子#6746 | DCCCDBAB |
| 72 | homer#1525 | [DCCCDBAB ](https://codepen.io/Buckhorn/pen/ExddpKB) |
| 73 | Rey#1878 | DCCCDBAB |
| 74 | Maxine#9061 | DCCCDBAB |
| 75 | Yvonne#2721 | DCCCDBAB |
| 76 | SKey#9905 | [Codepen](https://codepen.io/Dale-Chien/pen/NWOEKdr) |
| 77 | alan0305#2423 | [Codepen](https://codepen.io/alan0305/pen/bGmQNez) |
| 78 | moins13#3346 | DCCCDBAB |
| 79 | FiReBrO#0557 | [DCCCDBAB ](https://codepen.io/firebro42/pen/ExdOaBb) |
| 80 | Tim123#8361 | DCCCDBAB |
| 81 | yoyo#1003 | DCCCDBAB |
| 82 | wendyli#2155 | [DCCCDBAB](https://codepen.io/rockayumitw/pen/poxQQNV?editors=1000) |
| 83 | jimhop#6510 | DCCCDBAB |
| 81 | liam9930#4129 | DCCCDBAB |
| 84 | Lainie#1931 | [Codepen](https://codepen.io/Lainie88/pen/QWZzbaE?editors=1010) |
| 85 | alll6z#9204 | [DCCCDBAB](https://codepen.io/A6Z/pen/NWOeNdq) |
| 86 | 冷曄#9378 | DCCCDBAB |
| 87 | Elma#4317 | [DCCCDBAB](https://codepen.io/4317/pen/ZEqVLvq) |
| 88 | Sonia Wu#7154 | DCCCDBAB |
| 89 | bonnieli1414#4906 | [DCCCDBAB](https://codepen.io/bonnieli1414/pen/KKGJKVq?editors=0012) |
| 90 | jun777#2468 | DCCCD BAB |
| 91 | 鉦勝#8333 | DCCCDBAB |
| 92 | weiting#3489 | DCCCDBAC |
| 93 | 長方形#9612 | DCCCDBAB |
| 93 | JasonChang#7847 | DCCCDBAB |
| 94 | 小魚＃8614 | [DCCCDBAB](https://codepen.io/gizelliang/pen/yLRweVx) |
| 94 | 東東#5015 | [DCCCDBAB](https://codepen.io/gizelliang/pen/yLRweVx) |
| 95 | Zhong#8917 | DCCCDBAB |
| 96 | 羽毛#5463 | DCCCDBAB |
| 97 | penny#6214 | DCCCDBAB |
| 98 | Joanne Hu#0010 | DCCCDBAB |
| 99 | JhouHank#8132 | DCCCDBAB |
| 100 | Celia#1715 | DCCCDBAB |
| 101 | 小明#4408 | DCCCDBAB |
| 102 | 喬喬#2824 | D C C C D B A B |
| 103 | Jaredlee#5887 | DCCCDBAB |
| 104 | FanJJ#5887 | DCCCDBAB |
| 105 | NathanJames#8120 | DCCCDBAB |
| 106 | 阿榮#8277 | DCCCDBAB |
| 107 | +7#8492 | DCCCDBAB |
| 108 | 又竹#7302 | DCCCDBAB |
| 109 | lishuan#3698 | DCCCDBAB |
| 110 | 路人ADCB#9851 | DCCCDBAB |
| 110 | 初心#9021 | DCCCDBAB |
| 111 | pss940909#8650 | DCCCDBAB |
| 112 | 慢慢來#4035 | DCCCDBAB |