---
# System prepended metadata

title: "\U0001F3C5 5/16(一) 每日切版任務 - HTML 、 CSS 觀念補給"
tags: [公益程式體驗營 - 2022]

---

---
tags: 公益程式體驗營 - 2022
---

#  🏅 5/16(一) 每日切版任務 - 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 就會套用 {...} 中撰寫的樣式`




<!--
ans:
DCCCDBAB
-->
---

## 回報流程

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

![](https://i.imgur.com/vftL5i0.png)

<!-- 解答：  -->

回報區
---

<!-- 1. Bruno Yu
 
    A1.D; A2.C; A3.C; A4.C ;A5.D ; A6.B; A7.B; A8.B

    -->

<!-- 2. 翁來 
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 2. yunyun 
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 3. CloThEs
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 4. lemon
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-

<!-- 5. NaRa
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 6. Chi
 	1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 7. JackC
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 8. Raymond Lam#0344
    1.D 2.C 3.C 4.C 5.B 6.B 7.A 8.B
-->

<!-- 9. Stanley#3825
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 10. Vera#5592
    DCCCDBAB
-->

<!-- 11. Bao#4997
    A1.D , A2.C , A3.C , A4.C , A5.D , A6.B , A7.A , A8.B
-->

<!-- 12. Cliff
     Q1.D / Q2.C / Q3.C / Q4.C / Q5.D / Q6.B / Q7.A / Q8.B
-->

<!-- 13. yuyu#6310
     Q1:D / Q2:C / Q3:C / Q4:C / Q5:D / Q6:B / Q7:A / Q8:B
-->

<!-- 14. Joyce#3790
 D C C C D B A B-->
 
<!-- 15. Kuo
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 16. Jia-Hong Chen#3863
     Q1:D / Q2:C / Q3:C / Q4:C / Q5:D / Q6:B / Q7:A / Q8:B
-->

<!-- 17. RJRS RJRS#9430
     Q1:D 這是SCSS的變數型態/ 
     Q2:C display: block;/ 
     Q3:C ui 是無序，只有項目符號/ 
     Q4:C / Q5:D / Q6:B / Q7:A / 
     Q8:B 小於等於/
-->

<!-- 18. LHchien
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B 
-->

<!-- 19. CHaco#2993
    D C C C D B A B
-->

<!-- 20. 炎炎 #0777
 1. D\ 2. C\ 3. C\ 4. \ 5. D\ 6. B \ 7. A \ 8. -->
 
<!--  21. Peng
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
 -->
 
<!-- 22. 楓之聲#6945
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B 
-->

<!-- 23. Mitour#0672
  1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B 
-->

<!-- 24. Noy
A1: D
A2: C
A3: C
A4: C
A5: D
A6: B
A7: A
A8: B
-->

<!-- 24. Tuhacrt#0008
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 25. Jean
  1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B 
-->

<!-- 26. #EVC1876
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B -->


<!-- 27. Muse#9741
  1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B 
-->

<!-- 28. JustinLiu
 Q1.D Q2.C Q3.C Q4.C Q5.D Q6.B Q7.A Q8.B
-->

<!-- 29. Tin
d c c c b d a b
-->

<!-- 30. IreneLee
1.D 2.C 3.C 4.C 5.B 6.B 7.A 8.B 
-->

<!-- 31. Arvin#6347
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 32. Josh Chen#4552
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 33. su#7798
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 34. Katie
D / C / C / C / D / B / A /B
-->

<!--  35. 眠瀾#8857
1.D / 2.C / 3.C / 4.C / 5.D / 6.B / 7.A / 8.B
-->

<!-- 36. Hao#2485
 1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 37. Cynthia1111
 DCCC DBAB
-->

<!-- 38. Tori#1287
 D C C C D B A B
-->


<!-- 39. Nini Chen#5790
 D/C/C/C/D
 B/A/B
-->

<!-- 40. Chaoci#2460
ANS: D C C C D B A B 
-->

<!-- 41. ajhappy#6488
答案: D, C, C, C, D, B, A, B
codepen：https://codepen.io/ajhappy5438/pen/abqpmKX
-->

<!-- 42. xuan#0808
 D C C C D B A B
-->

<!-- 43. 小鹿Kerwin#5730
 1.D 2.C 3.C 4.C 5.D 
 6.B 7.A 8.B
-->

<!-- 44. Kiwi #9804
 1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 45. Omi#3467
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 46. EG#7172
Q1：D
Q2：C
Q3：C
Q4：C
Q5：D
Q6：B
Q7：A
Q8：B
-->

<!-- 46. EllieLo#9809
D、C、C、C、D、B、A、B
-->

<!-- 47. Leo Song
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 48. 花禮湖燒#7359
Q1：D  Q2：C  Q3：C  Q4：C  Q5：D  Q6：B  Q7：A  Q8：B
-->

<!-- 48.5. ???
Ans : D、C、C、C、D、B、A、B
-->

<!-- 49. lyle#8123
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 50. andersonshen#4675
A: D C C C D B A B
-->

<!-- 51. SASIMI #5099
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 52. Carrie#2750
DCCCD BAB
-->

<!-- 53. Erica Chen#6929
D, C, C, C, D, B, A, B
-->

<!-- 53. 鉦勝 #8333
D,C,C,C,D,B,A,B
-->

<!--54.HiyukiOuO # 8072 
Q1：Ｄ 、 Q2：Ｃ 、 Q3：Ｃ 、 Q4：Ｃ 
Q5：Ｄ 、 Q6：Ｂ 、 Q7：Ａ 、 Q8：Ｂ


<!-- 55. RyanLu#3642
D ,C ,C ,C ,D ,B ,A ,B
-->


<!-- 56. Erica RayChen#6088
D, C, C, C, D, B, A, B
-->

<!-- 57. Vera jhu#4068
D、C、C、C、D、B、A、B
-->

<!-- 58. 小羅#9921
DCCDBAB
-->

<!-- 59. judy0927#4241
D、C、C、C、D、B、A、B
-->

<!-- 60. Arista
D、C、C、C、D、B、A、B
-->


<!-- 61.君Jyun#0147
 D、C、C、C、D、B、A、B
-->

<!-- 62.黑松胖#4836
 DCCCDBAB
-->

<!-- 63. 白狐
    Q1.D Q2.C Q3.C Q4.C Q5.D Q6.B Q7.A Q8.B
-->

<!-- 64.rubyruby
 DCCCD/BAB
-->

<!-- 65. LCC#9012
 1.DCCDB 6.BAB
-->

<!-- 66. Easton#3863
    1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 66. 肉桂卷#0625
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!--67. TunacanBoy#2206
DCCCDBAB-->

<!--68. 艾芮絲#6060
1.DCCCD 6.BAB
-->

<!--69.yuling
 DCCCD BAB
-->
<!-- 70. Ayre #0016
D C C C D
B A B
-->

<!-- 71. muzz #0345
 DCCCDBAB -->
 
<!--  72. hw#0715
DCCCD BAB 
-->

<!-- 73. Lina Chen
DCCCDBAB
-->

<!-- 74. yen#5757
DCCCD BAB
 -->

<!-- 75.Tsuei#9284
Q1: D
Q2: C
Q3: C
Q4: C
Q5: D
Q6: B
Q7: A
Q8: B
-->

<!-- 76. will0708#7730
DCCCDBAB -->

<!-- 77. amy芳#1385
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B -->

<!-- 78. bonnieli1414#4906
DCCCDBAB
https://codepen.io/bonnieli1414/pen/qBxRybm
-->

<!-- 79. Nina泥#1422
1.D 2.C 3.C 4.C
5.D 6.A 7.B 8.A
-->
<!-- 80. han #9437
DCCCDBAB
-->

<!-- 81. WilliamChou#7375
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!--82. Jamie
1.D / 2.C / 3.C / 4.C / 5.D / 6.B / 7.A / 8.B
-->

<!--83. Mylène
D | C | C | C | D | B | A | B
-->

<!--84. 雷雷#7844
DCCCDBAB
-->

<!--85. 小不點#1793
1.D  2.C  3.C  4.C  5.D  6.B  7.A  8.B
-->

<!--86. 黑白兔#0684
1.D  2.C  3.C  4.C  5.D  6.B  7.A  8.B
-->

<!-- 啊87. Van.CS #2067
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B 
-->

<!-- 88. 小天#7177
Q1. D | Q2. C | Q3. C | Q4. C | Q5. D | Q6. B | Q7. A | Q8. B
-->

<!-- 89. hsiuhsiu
DCCCD|BAB
-->

<!-- 90.ozawa#8815
Q1.D
Q2.C
Q3.A
Q4.C
Q5.B
Q6.B
Q7.A
Q8.B -->

<!-- 91. Triple
 DCCCD BAB -->
 
<!-- 92. ling chang#1024
1.D 2.C  3.C  4.C  5.B  6.B  7.A  8.B
-->

<!-- 93 singend#0876
DCCCBBAB
-->

<!-- 94. JOU JOU#6876
1. D
2. C
3. C
4. C
5. D
6. B
7. A
8. B -->
<!-- 95. Wang
DCCCBBAB 
-->

<!-- 95. 安安你好你是誰#7416
1.	D
2.	C
3.	C
4.	C
5.	D
6.	B
7.	A
8.	B

-->

<!-- 96. Vicky Chang#8846
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 97. Chang-Yu#1813
https://codepen.io/ball77111/pen/XWZMomg
-->

<!-- 98. Mojito#6002
 答案：DCCC DBAB 
-->

<!--  99. yuki#9465
    Q1: D 
    Q2: C
    Q3: C
    Q4: C 
    Q5: D 
    Q6: B
    Q7: A
    Q8: B
-->

<!-- 100. 諾拉#4800
Ans:
1. D
2. C
3. C
4. C
5. D
6. B
7. A
8. B 
-->

<!-- 101. Susan8402#5854 
ans: DCCCDBAB
-->

<!-- 102. skypassion5000#4151
ans: DCCCDBAB
-->

<!-- 103. Dun Dun#9857
ans: 
Q1. D
Q2. C
Q3. C
Q4. C
Q5. D
Q6. B
Q7. A
Q8. B
 -->
 
<!-- 104. Murmurline#6969
ans: 
D/C/C/C/D/B/A/B
 -->
 
<!-- 105. Lao#4012
Ans:
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->
 
<!-- 105. CHIA#3031
Ans:
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 106 J_u_d_y#5993
Q1：D
Q2：C
Q3：C
Q4：C
Q5：D
Q6：B
Q7：A
Q8：B
-->

<!-- 107 Cora #3153
Q1: D
Q2: C
Q3: C
Q4: C
Q5: D
Q6: B
Q7: A
Q8: B
-->

<!-- 108. weihsin#5643
D C C C D B A B
-->

<!-- 109. ChaoChao
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 110. danny123
1. D
2. C
3. C
4. C
5. B
6. B
7. A
8. B
-->


<!-- 110. whatsupcc #6486
1.D 2.C  3. C 4.C  5.D  6. B 7. A 8. B
-->

<!-- 112. Newman
1.D 2.C  3. C 4.C  5.D  6. B 7. A 8. B
-->

<!--113. Marco Yin #2673
1.D 2.C  3. C 4.C  5.D  6. B 7. A 8. B
-->

<!--114. AmberC#1372
D C C C D B A B
-->

<!--115. Charlotte Lee
Ans: D
Ans: C
Ans: C
Ans: C
Ans: D
Ans: B
Ans: A
Ans: B
-->

<!-- 116.大衛
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B -->

<!-- 117.狸貓#9725
 D C C C D B A B -->
 <!-- 118.H2CO3#7232
1. D
2. C
3. C
4. C
5. B
6. B
7. A
8. B
-->

<!-- 119.piha
D C C C D B A B -->

<!-- 120.JessieCho
1.D 2.C 3.C 4.C 5.D 6.B 7.A 8.B
-->

<!-- 121.家洋
D C C C D B A B
-->

<!-- 122. Zera#6060
Q1：D  Q2：C  Q3：C  Q4：C  Q5：D  Q6：B  Q7：A  Q8：B
-->

<!-- 123. mei#8421
D C C C D B A B
-->


<!--124. YC#2008
A1:D, A2:C, A3:C, A4:C, A5:D, A6:B, A7:A, A8:B

<!--125. COLOR#4378
DCCC DBAB
-->

<!-- 125. Yurii#7455
Q1：D
Q2：C
Q3：C
Q4：C
Q5：D
Q6：B
Q7：A
Q8：B
-->

<!-- 126. Jumpye#8601
Q1：D  Q2：C  Q3：C  Q4：C  Q5：D  Q6：B  Q7：A  Q8：B
-->

<!-- 127. Eileen#6454
1. D　2. C　3. C　4. C　5. D　6. B　7. A　8. B 
-->


<!-- 128.Barret#1119
Q1. D
Q2. C
Q3. C
Q4. C
Q5. D
Q6. B
Q7. A
Q8. B -->

<!-- 129. JOU#6876
Q1. D
Q2. C
Q3. C
Q4. C
Q5. D
Q6. B
Q7. A
Q8. B -->

<!-- 130. Zoey#0839
Q1. D
Q2. C
Q3. C
Q4. C
Q5. D
Q6. B
Q7. A
Q8. B -->

<!-- 131. 艾芮絲#6060
Q1. D  Q2.  C Q3. C  Q4. C  Q5. D  Q6. B  Q7. A  Q8. B -->