---
# System prepended metadata

title: "\U0001F3C5 5/3(二) 每日切版任務 - HTML、CSS 差異與文字設定練習"
tags: [公益程式體驗營 - 2022]

---

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

# 🏅 5/3(二) 每日切版任務 - HTML、CSS 差異與文字設定練習
## 問題 

1. 重要觀念選擇題：根據下列同樣的 A、B 模式，以 HTML 與 CSS 觀念中， HTML 決定了網頁的『架構』、CSS 形成網頁『樣式』，請問 A、B 各自最接近 HTML、CSS 差異描述，各為哪個?
```
1-- A圖為 HTML，B圖為 CSS
2-- A圖為 CSS，B圖為 HTML
3-- 他只是一隻尖叫的章魚，騙不了我((不可以選這個!))
```

![2](https://i.imgur.com/phQ1SQh.png)　　　　　　![](https://i.imgur.com/WP8lOTY.png)

<!--
```
ans:  2

```
-->




---
2. 用 Codepen 練習下列的文字版面，練習文字相關尺寸設定、間距與相關 padding、margin 等運用。(可複製下列提供的文字練習)

[---圖片下載處---](https://drive.google.com/file/d/1Wn5j__7qoMkclSrU5yIf9iRWqqRpxumS/view?usp=sharing)

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





內文文字提供如下:

六角學院
2022公益程式體驗營-擺脫動亂學前端， 掌握技能保平安
全部都會講拳拳到肉的實戰經驗，這門課程將會提供一個全新主題「chatTalker AI 機器人」的 UI 網頁設計稿。並且透過直播教學，手把手帶您進入實務開發，讓您也有辦法一起動手做出來，藉此貼近業界實務設計流程。
Mickey Mouse would have to be the main figure. Yet some mention must be made of our great animated classics. I made sketches of all the characters I thought should appear. Then, I called upon my modeling skills to build a one-16th-inch scale paper cut-out model of what I wanted. This was before photo-copying machines with reducing capabilities, so I had to make all the drawings in scale. Many of the figures had to be drawn, a quarter-inch high. The entire set was about 18-inches long by 3.5-inches high. But this model was a good tool for planning the show sequence and experimenting with different scenes.

<!--
ans:
[作業二](https://codepen.io/DoLucky/pen/abqOXzj?editors=1100)
-->


---

## 回報流程

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

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

<!-- 0. 回報範例：（報數. 暱稱）  
1. ...
2. Codepen
-->


回報區
---
<!-- 1. @rejennylo  
1. 2
2.[ Codepen ]
~~https://codepen.io/reJennylo/pen/yLvyXNd~~ -->

<!-- 2.  Bruno Yu 
1. 答案為2&3 此題是多選 騙不了我地
2. Codepen https://codepen.io/bruno-yu/pen/zYRxweY -->

<!-- 3.  Ryan Lu 
1. 答案為2
2. Codepen https://codepen.io/ryanlu1125/pen/eYVmRjz -->

<!-- 4. CloThEs
1. 2
2. Codepen https://codepen.io/bogwdnxx-the-sans/pen/vYdEZRj 
-->

<!-- 5. Mitour#0672
1. 答案是 2 一隻尖叫的章魚
2. Codepen https://codepen.io/mitour/pen/jOZEwpO?editors=0100 
-->

<!-- 6. Knn
1. 答案是2
2. Codepen https://codepen.io/Knn_84/pen/KKQwvVM
-->

<!-- 7.  yunyun
1. 答案為2
2. Codepen https://codepen.io/yun_yunni/pen/eYVmRQd -->

<!-- 8.  Cathy
1. 答案為2
2. Codepen https://codepen.io/sweettjoyy/pen/abqzyoV -->

<!-- 9.  Art
1. 答案為2
2. Codepen https://codepen.io/ss97202tw/pen/bGLNRPb -->

<!-- 10. danny123
1. 2
2. codepen https://codepen.io/binlandz123/pen/abqzyzV -->

<!-- 11. kcwang.tw
1. 3 啦哪次不是 3
2. Codepen https://codepen.io/kcwang-tw/pen/wvyBevx
-->

<!-- 12. Eric.S
1. 絕對是3的阿，不要騙我
2. codepen https://codepene.io/Eric_Shen/pen/BaYydrj -->

<!-- 13. Leo Song
1. 2
2. Codepen
https://codepen.io/sunnylaba/pen/yLvyoNa?editors=1100
-->

<!-- 14. Lemon
1. 2
2. Codepen
https://codepen.io/shumhoyin/pen/rNJazrd
-->

<!-- 15. NaRa
1. 2
2. Codepen
-->https://codepen.io/chou-nara/pen/eYVmEdR?editors=1100

<!-- 16. Noy
1. 答案為2,((話說那個我以為是葫蘆..
2. Codepen
https://codepen.io/MochiCodingPen/pen/OJQPjwM
-->

<!-- 17. JackC
1  2
2. Codepen
https://codepen.io/key0329/pen/WNMbEPp?editors=1100
-->

<!-- 18. RJRS
1. 答案為2
2. Codepen
https://codepen.io/RJRS/pen/XWZJaxY
-->

<!-- 19. LHchien
1. 2
2. Codepen
https://codepen.io/lin_chien/pen/LYQELXe
-->

<!-- 20. Bao
1. 答案為2
2. Codepen
https://codepen.io/baoh/pen/ExQaXoN?editors=1100
-->

<!-- 21. BeanHuang
1. 答案為2
2. Codepen
https://codepen.io/Beanhuang/pen/zYRxdJa
-->

<!-- 22. PeiYing
1. 答案為2
2. Codepen
https://codepen.io/Pei-Ying/pen/YzePxZB
-->

<!-- 23. 林賽亞
1. 答案為2
2. Codepen
https://codepen.io/kulas-isin/pen/LYQELWy
-->

<!-- 24. Easton
1. 答案為2
2. Codepen
https://codepen.io/EastonIsCodingNow/pen/VwQYzwG
-->

<!-- 25. IreneLee  
1. 答案：2
2. Codepen
https://codepen.io/ntjtcxpt-the-animator/pen/QWQwMXM?editors=1100
-->

<!-- 26. 翁來  
1. 答案：2
2. Codepen
https://codepen.io/wguo8320/pen/VwQYzNo
-->

<!-- 27. Tuhacrt
1. 2-- A圖為 CSS，B圖為 HTML
2. Codepen :
https://codepen.io/Tuhacrt/pen/qBxEXzw?editors=1100
*由外框padding,margin會優於內部block使用margin
-->

<!-- 28.Debby
1. 2
2. codepen: https://codepen.io/bhliyoup/full/abqzyeP
-->

<!-- 29.YunSheng
1. 2
2. codepen: https://codepen.io/Yun-Sheng/pen/QWQwyLj?editors=1100
-->

<!-- 30. Rubyruby 
1. 2
2. https://codepen.io/Ruby0831/pen/XWZJavP?editors=1100
-->

<!-- 31. Jenny_ 
1. 2
2. https://codepen.io/Jenny_000/pen/abqzLYo?editors=1100
-->

<!-- 32.Vito
1. 2
2. https://codepen.io/Vito_Yang/pen/gOvbGwL
-->

<!-- 33. Kiwi
1. 2
2. https://codepen.io/kiwi1113/pen/VwQYzqJ?editors=1100
-->

<!--34. Jamie
1. 答案2
2. https://codepen.io/Wu220103/pen/YzePryX?editors=1100
-->

<!--35 hw
1. 2
2. https://codepen.io/Lhwei/pen/zYRxEyO
-->


<!--36 Vicky Lin
1. 2
2. https://codepen.io/vicky850520/pen/poavdJB
-->

<!--37 cheng-Yu
1. 2
2. https://codepen.io/ball77111/pen/BaYymKP
-->

<!--38 君Jyun
1. 答案為2
2. https://codepen.io/Okaybeok/pen/zYRxdRj
-->

<!-- 39 Peng 
1. 2
2. https://codepen.io/peng-027/pen/dydPVeM
-->

<!-- 40 Tin
1. 2 (3明明就是吶喊版的章魚)
2. https://codepen.io/tinchen/full/abqzLGo
-->

<!-- 41 Amelie
1. 2
2. https://codepen.io/AmelieChen/pen/yLvyzMq
-->

<!-- 42 蝸牛#7138
1. 2
2. https://codepen.io/lgrqpqjj-the-sasster/pen/BaYyZXg
-->

<!--43 Lam#0344
1. 答案：2
2. https://codepen.io/manshun-lam/pen/poavWYG
-->

<!--44 肉桂卷
1. 答案：2
2. https://codepen.io/ginnlee/pen/xxYbPjd?editors=1100
-->

<!--45 COLOR
1.答案：2
2.https://codepen.io/color0602/pen/wvyBPJQ
-->

<!--46 Choo Ku
1.答案：2
2.https://codepen.io/chooku/pen/ZErYJXX?editors=1100
-->

<!-- 47. Chaco 
1. 答案：2
2. https://codepen.io/chaco-wang/pen/wvyBPpN?editors=1100
-->

<!--48 Jim#8764
1.答案：2
2.https://codepen.io/jim255060/pen/poavpEN
-->

<!--49  Nini Chen#5790
1.答案：2
2.https://codepen.io/ninistyle/pen/XWZJzzK?editors=1100
-->

<!--50 Cliff
1. 答: 2
2. https://codepen.io/Cliff_hex/pen/yLvyPNW
-->

<!--51. 花禮湖燒#7359
1. 答案是: 2 A圖為 CSS，B圖為 HTML
2. https://codepen.io/lai-pei/pen/VwQYywG
-->

<!-- 52. Yi#2702
1. 答案：2
2. https://codepen.io/yic1823/pen/MWQYrJm
-->

<!-- 53. Gimmy#6354
1. 答案：2-- A圖為 CSS，B圖為 HTML
2. https://codepen.io/TingKan/pen/jOZEYyr
 -->
 
<!-- 54. ewen#8354
1.答案:2
2.https://codepen.io/ewen0808/pen/poavpXd
-->

<!-- 55. KT#7274
1.答案:2
2.https://codepen.io/jiashinn/pen/oNEgNze?editors=1100
-->

<!-- 56. Hao#2485
1. 答案: 2
2. https://codepen.io/hao216/pen/BaYymEe
-->

<!-- 57. Elena Chang#0956
1. 答案: 2 (A圖為 CSS，B圖為 HTML)
2. https://codepen.io/elena-chang/pen/LYQEjoo
-->

<!-- 58. littlesun#9469  
1. 答案: 2
2. https://codepen.io/littlesun10111/pen/oNEgEZg
-->

<!-- 59. Muse#9741
1. 答案: 2
2. https://codepen.io/mu24/pen/wvyByjp
-->

<!--60. 眠瀾#8857
1.答案: 2
2.Code Pen: https://codepen.io/laron9486/pen/yLvyvyK
-->

<!--61. LCC#9012
1. 答案:2
2.CodePen:
https://codepen.io/pamelaxchun/pen/MWQYQmq
-->

<!--62. 𝔼.𝕎#4742
1.答案: 2
2.CodePen:
https://codepen.io/kidult316/pen/VwQYydN
-->
<!-- 63.ozawa#8815
1.答案2
2.https://codepen.io/PIN-HSIN/pen/MWQYQOP -->

<!-- 64. 肉桂捲好好ㄘ#7885  
1. Ans：2
2. https://codepen.io/viviii_/pen/oNEgqBW
-->

<!--  65. Van.CS
1. 2-- A圖為 CSS，B圖為 HTML
2. https://codepen.io/fbacojji-the-selector/pen/VwQYXbM
-->

<!--  66. 阿基基#2557
1. 答案2
2. https://codepen.io/JIJI_GNI/pen/jOZEzMR
-->

<!--  67. Josh Chen#4552
1. 答案2
2. https://codepen.io/hiphop825/pen/bGLNMxe?editors=1100
-->

<!--  68. kelvin kelvinnn#7138
1. 答案2
2. https://codepen.io/is-lin/pen/rNJavOm
-->

<!--  68. James TunacanBoy#2206
1. 答案2
2. https://codepen.io/JamesDesign/pen/bGLNMaE
-->

<!-- 69. JOU JOU#6876
1.答案2
2.https://codepen.io/joujoujou924/pen/JjpovEv?editors=1100
 -->

<!-- 70. Elvi EVC#1876
1. 答案2
2. https://codepen.io/elvi-chuang/pen/wvyBjwV?editors=1100 
-->

<!-- 71. EG#7172  
1. 2
2. Codepen https://codepen.io/paneg-jpeg/pen/ExQaLZo -->

<!-- 72. Nina泥#1422
1.2
2. codepen 
https://codepen.io/xiangqi09020/pen/YzePLqR
-->

<!-- 73. su#7798
1. 2
2. https://codepen.io/wc-su/pen/ZErYxwO?editors=1100
-->

<!-- 74. SS#3394
1. 2
2. https://codepen.io/JenoSu/pen/GRQgdRz
-->

<!-- 75. lyle#8123
1. 2
2. https://codepen.io/tomys/pen/poavLEX
-->

<!-- 76. Arvin#6347
1. 2
2.https://codepen.io/family929317/pen/PoQwRVV?editors=1100 
-->

<!-- 77. Denny#4531
1. 答案是2
2.https://codepen.io/Denny__Lin/pen/ExQaLqO
-->

<!-- 78. 灰塵貓#7994
1. 答案是2
2.https://codepen.io/dmx5566/pen/XWZJqOY?editors=1100
-->

<!-- 79. aaron803#3374
1. 答案是2
2.https://codepen.io/narrowd4c/pen/xxYbPxV
-->

<!-- 80. SARZ 札#4102
1. 答案是2
2.https://codepen.io/sky93192/pen/xxYbJBL
-->

<!-- 81. han #9437
1. 答案是2
2.https://codepen.io/qnrxylcw-the-reactor/pen/xxYbyro
-->

<!-- 82. JessieCho
1. 2
2.[CodePen](https://codepen.io/jessieCho/pen/YzePOWR)
-->

<!-- 83. shujhen#7734
1. 答案是2
2. https://codepen.io/shujhen/pen/ExQapVV
-->

<!-- 84. 白白#8245
1. 2
2.[CodePen](https://codepen.io/YuBai/pen/GRQgGzv)
-->

<!-- 85. decoration red#7401
1. 2
2.[CodePen](https://codepen.io/DECORATION/pen/eYVmjyp)
-->

<!-- 86. Vera#5592
1. 2
2.[CodePen](https://codepen.io/skvera/pen/QWQwVME)
-->

<!-- 87. Mojito#6002
 1. 2
2. codepen: https://codepen.io/vu3xk41997/pen/YzePvRp -->


<!-- 88.Omi#3467
1. 2
2.[CodePen](https://codepen.io/chian0501/pen/QWQwVQK?editors=1100)
-->

<!-- 89. Alina#8966
1. 2
2. https://codepen.io/teiekinei/pen/OJQPwyZ
-->

<!-- 90. Patti Chiu Patti#7774
1. Ans：2-- A圖為 CSS，B圖為 HTML
2. https://codepen.io/peiru-qiu/pen/NWyPzmz
-->

<!-- 91. 小鹿Kerwin#5730
1. Ans：2
2. https://codepen.io/tkoleo84119/pen/KKQwBGK
-->

<!-- 92. 阿風#6890  
1. 2
2. Codepen：https://codepen.io/Afong-Wind/pen/Jjpoame
-->

<!-- 93. 小天#7177
1. 2
2. Codepen：https://codepen.io/linyujing/pen/bGLNKro
-->

<!-- 94. Feng#1218
1. 2
2. codepen : https://codepen.io/Feng_code/pen/oNEgaLv
-->

<!-- 95. Yumi#6566
1. 2
2. codepen : https://codepen.io/Sylvia98/pen/WNMbXQL
-->

<!-- 96. Jane Lin
1. 答案2
2. codepen: https://codepen.io/as60160/pen/poavZwM
-->

<!-- 97. 炎炎#0777
1. 2
2. codepen: https://codepen.io/kimyen260/pen/xxYbJQr
-->

<!-- 98. Dun Dun#9857
1. 2
2. codepen : https://codepen.io/dundun/pen/vYdEVmL
-->

<!-- 99. 阿偉#4995
1. 2
2. codepen : https://codepen.io/azmfvbbz-the-sans/pen/qBxEJXW
-->

<!-- 100. 紫荊琉璃#8447
 1. 2
2.codepen：https://codepen.io/hoshigure/pen/ExQadNM
-->

<!-- 101. HiyukiOuO#8072
1.答案：2
2.codepen：https://codepen.io/Befei/pen/WNMbyJz?editors=1100
-->

<!-- 102. skypassion5000#4151
1.答案：2
2.codepen：https://codepen.io/skypassion5000/pen/JjpomOP
-->

<!-- 103.
1. 答案:2
2. codepen: https://codepen.io/Adif/pen/Jjpoyjp?editors=1100
-->

<!-- 104. Ayre#0016
1.答案：2
2.codepen：https://codepen.io/yichunlin09/pen/rNJaqMq?editors=1100
-->

<!-- 105. JumpBow #8940
1.答案：2
2.codepen：https://codepen.io/jump-bow/pen/GRQgwgO
-->

<!-- 106. Chi 
1.答案：2
2.codepen：https://codepen.io/YoChi84/pen/GRQgGBm
-->

<!-- 107. Tim2.0#4742
1.答案：2
2.codepen：https://codepen.io/timji-the-sasster/pen/poavQNm
-->

<!-- 108. yuling
1.答案：2
2.codepen：https://codepen.io/igzdflpu/pen/VwQYEJP
-->

<!-- 109. 鉦勝
1.答案：2
2.codepen：https://codepen.io/atckmax823/pen/RwQNqbg
-->

<!--110.qtrp#5635
1.答案：2
2.codepen:
https://codepen.io/alicewu1991/pen/XWZJEyN?editors=1100
-->

<!--111.Marco Yin#2673
1.答案：2
2.Codepen：https://codepen.io/Marcoyin/pen/jOZEQXO
-->

<!--112. Tao Doris #5230
1.答案：2
2.codepen:
https://codepen.io/peetaoting/pen/WNMbapX
-->

<!--113. Ava
1.答案：2
2.codepen:https://codepen.io/alva00/pen/VwQYVMM
-->

<!--114. sheep#4352
1.答案：2
2.codepen:https://codepen.io/chingyeeee/pen/bGLNQLz
-->

<!-- 115. Triple
 1. 答案：2
 2. Codepen: https://codepen.io/riku30/pen/RwQNeGr -->
 

<!-- 116. 艾芮絲#6060  
1. 答案：2
2. Codepen：https://codepen.io/wangyingju/pen/NWyPOYy?editors=1100
-->

<!--117. Greta#0837
1.答案：2
2.codepen:https://codepen.io/gretali/pen/QWQwJOR
-->

<!--118. 小櫻桃#9181
1. 2
2. https://codepen.io/cherrylover/pen/MWQYzrY
-->

<!--119. yaru#6308
1. 2
2. https://codepen.io/lszaietc/pen/wvyBQmN
-->

<!--120. amy芳#1385
1.2(雖然想選3)
2.https://codepen.io/amy-chieng/pen/OJQPaor
-->

<!--121. kevinCheng#3673
1. 2
2. https://codepen.io/kevin760/pen/XWZJxgO
-->

<!--122. 諾拉#4800
1. 2
2. https://codepen.io/Naomi_riayun/pen/wvyBQLL
-->

<!--123. 黑松胖$4836
1. 2
2. https://codepen.io/yi-chien-hsieh/pen/jOZEXLM?editors=1100
-->

<!--124. 教練#6451
1. 2
2. https://codepen.io/monkeybear721/pen/NWyPePW
-->

<!--125. Charlotte Lee
1. 2
2. https://codepen.io/charlotte-lee/pen/RwQNJxG?editors=1100
-->

<!--126. Data#9297
1. 答案：2
2. https://codepen.io/kirakira72/pen/wvyBRmK
-->

<!--127. OO#9326
1. 答案：22222222
2. https://codepen.io/Jason999220/pen/dydPwma
-->

<!-- 128. 米緹 Mitty#2902
1. 2
2. https://codepen.io/Mitty-Wu/pen/GRQgPXR
-->

<!-- 129. Chaoci#2460
 1.Ans:2
 2.https://codepen.io/gmailchao/pen/yLvyGGz
-->

<!-- 130. Gwen#3674
1. 2
2. https://codepen.io/gowan/pen/LYQEgvN
-->

<!-- 131. Hsien#8395 >
1.2
2.https://codepen.io/xnfpbplj-the-sasster/pen/OJQPaEa?editors=1100

<!--132 Anren#9048  
1.答案：2
2.codepen:https://codepen.io/Anren/pen/XWZJovB 
-->


<!--133 ling chang#1024  
1.答案：2
2.codepen:https://codepen.io/ling-chang/pen/RwQNEZO
-->

<!--134. Alphacostankion#8475
1.Ans: 2
2.codepen: https://codepen.io/alphapolo/pen/RwQNErE
-->

<!--135. JustinLiu
1.Ans: 2
2.codepen:https://codepen.io/justin0227/pen/KKQwrxK?editors=1100
-->

<!--136. 楓之聲
1.Ans: 2
2.codepen:https://codepen.io/sshane258/pen/GRQgxwY
-->

<!--137. judy0927#4241
1.答案: 2
2.codepen:https://codepen.io/judycxc/pen/XWZJOGv
-->

<!--138. 雪莉#0317
1.答案: 2
2.codepen:https://codepen.io/show113/pen/xxYbMBb
-->

<!--139. bonnieli1414#4906
1.答案: 2
2.codepen: https://codepen.io/bonnieli1414/pen/bGLNZbK
-->

<!--140. Mylène
1.Ans: 2
2.codepen: https://codepen.io/hamajibashi/pen/wvyBQxO
-->

<!--141. 小不。
1.Ans: 2
2.codepen: https://codepen.io/SharonWu1987/pen/ExQaMjj
-->

<!-- 142. 雨天晴 
1.Ans:2
2. Codepen
-->https://codepen.io/aporitzp-the-vuer/pen/KKQwbYv?editors=1100

<!-- 143. yulie#6482
1. Ans:2
2. Codepen
-->https://codepen.io/yulie1127/pen/rNJaPWq?editors=1100

<!-- 144.  クリーパー蝦#2819
1.Ans:2
2. Codepen
-->https://codepen.io/creeshrimper/pen/XWZJoOq?editors=1100

<!-- 145  
1.Ans:2
2. Codepen:
https://codepen.io/Evan_9837/pen/VwQYReb
-->

<!-- 146  
1.Ans:2
2. Codepen:
https://codepen.io/kkxop88079/pen/xxYbBGZ?editors=1100
-->

<!-- 147  #黑白兔0684
1.Ans:2
2. Codepen:
https://codepen.io/johnny329/pen/MWQYxGY
-->

<!-- 148  浪裡小白龍#6860
1.Ans:2
2. Codepen:
https://codepen.io/Emillo/pen/QWQwoEz?editors=1100
-->

<!-- 149. DoubleZ#2361
1. Ans: 2
2. Codepen: https://codepen.io/lazywyatt/pen/XWZJOBw
-->

<!-- 150. ChaoChao
1. 2
2. Codepen: https://codepen.io/EmiiilyJ/pen/VwQYVqX
-->

<!-- 151. Cheng#3012
1. 2
2. Codepen: https://codepen.io/XiBinCheng/pen/yLvyWJK
-->

<!-- 152. bazingaga#0344
1. 2
2.[ Codepen ]
~~https://codepen.io/Bazingaga/pen/dydPEaX-->

<!-- 153. Jia-Hong Chen#3863
1. Ans:2
2. Codepen: https://codepen.io/iloveleon19/pen/ZErGEVQ
-->

<!-- 154. Noah_1222#3374
1. 答案:2
2. Codepen: https://codepen.io/lch1222/pen/PoQwVyK
-->

<!-- 155. Martin
1. Ans:2
2. Codepen: https://codepen.io/chihsuanbjjh/pen/OJQVJqd
-->

<!-- 156. Erica Chen#6929
1. Ans:2
2. Codepen: https://codepen.io/ericachen/pen/BaYNywa
 -->
 
<!-- 157. Amberhh #2465
1. Ans:2
2. Codepen: https://codepen.io/Amberhh/pen/rNJVaRd?editors=1100
 -->
 
 <!-- 158  Lyndon.Su #6018
1. Ans:2
2. Codepen: https://codepen.io/jvvkahjx-the-lessful/pen/ZErGGEx
 -->
 
<!-- 159 保羅 #9742
1. ANS:2
2. CodePen: https://codepen.io/paulchnag0801/pen/YzeXXQX?editors=1100
  -->
  
<!-- 160 steven wang#9852
1. ANS: 2
2. CodePen: https://codepen.io/stevetanus/pen/YzeXPxd
-->

<!-- 161 fanchih
1. ANS: 2
2. CodePen: https://codepen.io/fanchih/pen/ExQjjrq
-->

<!-- 162 Joyce #3790
1. ANS: 2
2. CodePen: https://codepen.io/joycehuang/pen/poavZym?editors=1100
-->

<!-- 163 Jie Du
1. ANS: 2
2. CodePen: https://codepen.io/qgqonost-the-flexboxer/pen/rNJVVMZ?editors=1100
-->

<!-- 164 Jenniya 
1.答案:2  (我以為那個是吶喊原來是章魚XD)
2.CodePen:https://codepen.io/nopjb43u7bskq8x/pen/ExQjVaa?editors=1100 
-->

<!-- 165 SASIMI #5099
1. Ans: 2
2. CodePen: https://codepen.io/sashimi1327/pen/LYQVVmE 
-->

<!-- 166 kuo
1. ANS: 2
2. CodePen: https://codepen.io/sunny-sun/pen/eYVNYxZ
-->

<!-- 167 ㄚ華
1.答案:2
2.CodePen:https://codepen.io/jzkonzat-the-typescripter/pen/RwQPWEJ
-->

<!-- 168 Yuhung#1391
1.答案:2
2.CodePen:https://codepen.io/Yu__hung/pen/wvyaMBL
-->

<!-- 169 菟小歆#2154
1. 2
2. https://codepen.io/catmoon1017/pen/NWyqGoV?editors=1100
-->

<!-- 170 Allen#6756
1. A=CSS;B=HTML
2. Codepen https://codepen.io/knsybndf-the-animator/pen/ExQaRWJ?editors=1100 -->

<!-- 171. ms_kellychen#6947
1. 答案是 2
2. Codepen https://codepen.io/KC1090901_W/pen/BaYNyry 
-->


<!-- 172. Murmurline#6969
答案1： 2
答案2：
```=

```
    
2. Codepen https://codepen.io/murmurline/pen/ZErGQXK
-->

<!-- 173. andersonshen#4675
1. 2
2. Codepen https://codepen.io/luxyenni-the-bold/pen/zYRGrLR
-->

<!-- 174. CCY#3639
1. 2
2. Codepen https://codepen.io/cyizumi/pen/gOvppvg
-->

<!--  175. Pearlie#3536  
1. 2
2. Codepen https://codepen.io/PPcode/pen/ExQjKgG
-->

<!--  176. deveryone#8090  
1. 2
2. Codepen https://codepen.io/raycheng/pen/bGLdpPv
-->

<!--  177. YuTing Hsieh#0950
1. 2
2. Codepen https://codepen.io/HsiehYuTing/pen/PoQqzMX
-->

<!--  178. 安安你好你是誰#7416
1. 2
2. Codepen https://codepen.io/leave3310-the-looper/pen/yLvNJGy
-->

<!-- 179. 米金#1399
1. 2
2. https://codepen.io/ihrowjtq-the-vuer/pen/RwQPrjd
-->

<!-- 180.Lian Chen
1.2
2.https://codepen.io/CCL1007/pen/OJQVXwB?editors=1100 
-->


<!-- 181.Jeanie
1.2
2.https://codepen.io/mizhongzaji/pen/dydPgvP?editors=1100
-->

<!-- 182.Cynthia1111
1.2
2.https://codepen.io/Cynthia1111/pen/BaYyYpR
-->

<!-- 183.Arista
1.2
2.https://codepen.io/arista-hsieh/pen/ZErGKLR
-->

<!-- 184.TAKO
1.2
2.https://codepen.io/TAKOBEA/pen/zYRxyvd
-->

<!-- 185. Lina Chen
1. 2
2. https://codepen.io/LinaChen/pen/wvyadMo
-->

<!-- 186 singend#0876
1.2
2.https://codepen.io/singend/pen/GRQJEdd
-->

<!-- 187 狸貓#9725
1.2
2.https://codepen.io/leeemo/pen/zYRGwJX
-->

<!-- 189 Ning#6363
1. 2-- A圖為 CSS，B圖為 HTML
2. https://codepen.io/fangninglin/pen/eYVNWjb?editors=1100
-->

<!-- 190. 白狐  
1. 2
2. https://codepen.io/baihu7851/pen/PoQqKpv
-->

<!-- 191. Max
1. 2
2. https://codepen.io/heat/pen/ZErGJxK
-->

<!-- 192 Stanley#3825
1. 2
2. https://codepen.io/sean_1215/pen/xxYGLqp?editors=1100
-->

<!--
1. 2
2. https://codepen.io/shang1104/pen/yLvNoWo?editors=1100
-->

<!-- 193. muzz  #0345
1. 2
2. https://codepen.io/yunnnz/pen/ExQjwje
-->

<!-- 194. xuan#0808  
1. 2
2. https://codepen.io/xuan0915/pen/vYdOJmQ?editors=1100
-->

<!-- 195. 101010#8077
1. 2
2. https://codepen.io/im1010ioio/pen/MWQwOxw
-->

<!-- 196. 如癡#7866
1.2
2.https://codepen.io/jason2267/pen/GRQJypw
-->

<!-- 197. zzuhann #2786 
1. 答案是2
2. https://codepen.io/zzuhann/pen/poaJapL
-->

<!--198. Joseph0703 #1587
1. 答案是2
2. Codepen https://codepen.io/pierre0703/pen/KKQpZBN
-->

<!-- 199.Yen#7772
1.2
2.https://codepen.io/TZU-HUANG-YEN/pen/BaYNYLL 
-->

<!-- 200.小七拿鐵#9225
1.2
2.https://codepen.io/loqqikul-the-vuer/pen/BaYNYyK 
-->

<!-- 201.Vivi#5766
1. 2
2. https://codepen.io/hyxfish27/pen/poaJamO 
-->

<!-- 202.jada1109#8756
1. 2
2. https://codepen.io/jada1109/pen/WNMvvGE?editors=1100 
-->

<!-- 203.yuyu#6310
1. 2
2. https://codepen.io/yuyu0905/pen/gOvpaWe
-->

<!-- 204.carrieT#9628
1. 2
2. https://codepen.io/echocarriet/pen/LYQVXjR
-->

<!-- 205.eatman#9021
1. 2
2.https://codepen.io/eatman13/pen/wvpEeRz?editors=1100
-->

<!-- 206.鹿叔#6281
1.2
2.https://codepen.io/j1057/pen/PoQqXQr
-->

<!-- 207.謏喀#2607
1.2
2.https://codepen.io/s92475mark/pen/jOZPdmL?editors=1100
-->

<!-- 208.shino#8188
1.2
2.https://codepen.io/Shyun67/pen/bGLdzmr
-->

<!-- 209.sunny cheng#4113
1.2
2.https://codepen.io/Sunny0509/pen/MWQagmQ -->

<!-- 210.Katie
1.2
2.https://codepen.io/Katie24/pen/wvyaRNa -->

<!-- 211.雷雷#7844
1.2
2.https://codepen.io/lei-yi-jie/pen/NWyqQQN -->

<!-- 212.BeckyYo#1461
1.2
2.https://codepen.io/bearbecky/pen/yLvYyyy

<!-- 213.Zooey#6634
1.2
2.https://codepen.io/noraneko0430/pen/dydoWBM?editors=1100
-->

<!-- 214.mei#8421
1.2
2.https://codepen.io/Shila-Chen/pen/QWQjbEp
-->

<!-- 215.bryin#5345
1.2
2.https://codepen.io/bryin-li/pen/JjpYYNY
-->

<!-- 216.azami#5986
1.2
2.https://codepen.io/azami/pen/eYVppNX
-->

<!-- 217.lengleng
1.2
2.https://codepen.io/lengleng2/pen/dydYPxw
-->

<!-- 218.Tsuei#9284
1. 2
2. https://codepen.io/AlbertoLL/pen/OJQyMWq
-->

<!-- 219.雷燕#6256
1. 2
2. https://codepen.io/whitemelee/pen/BaYojXN
-->

<!-- 220.hsiuhsiu#7412
1. 2
2. https://codepen.io/hsiuhsiu/pen/ZErbQZy
-->

<!-- 220.小不點#1793
1.2
2.https://codepen.io/fwmfmgkx-the-flexboxer/pen/MWQYXZx
-->

<!-- 221.MAO#7720
1.2
2.https://codepen.io/mao0507/pen/eYVpZGr
-->

<!-- J_u_d_y#5993
 1. 答案：２
2. https://codepen.io/J_u_d_y/pen/BaYojmg?editors=1100
-->

<!-- Newman
 1. 答案：２
 2. https://codepen.io/newmankz/pen/PoQPEJV?editors=1100
-->

<!-- 222.Abel
1.2
2.https://codepen.io/lun_chi/pen/KKQdZYM?editors=1100
-->
<!-- 223.Eileen
1.答案：2
2.https://codepen.io/Eileen-io/pen/mdXJEaK
-->

<!-- 224. Vicky Chang#8846
1. 2
2. https://codepen.io/cychang/pen/mdXeGrK?editors=1100
-->

<!-- 225. WilliamChou#7375
1. 2
2. https://codepen.io/williampo78/pen/JjpYjBR
-->

<!--226. 小羅#9921
1. 2
2. https://codepen.io/peizhen0609/pen/zYRvMJx
-->

<!--227. 拿鐵#7585
1. 2
2. https://codepen.io/qinsplanet1024/pen/poajqoX
-->

<!--228. 邊邊#2293
1. 2
2. https://codepen.io/WinnieTsao/pen/oNEjmga
-->

<!--229. 靜宜#6866
（可直接撰寫答案）
1. 2
2. https://codepen.io/jamie18/pen/jOZbXKP
-->

<!--230. Pie#8624
1. 2
2. https://codepen.io/Huishin-pie/pen/BaYoeQN
-->

<!--231. ajhappy#6488
1. 2
2. https://codepen.io/ajhappy5438/pen/ExQPxvq
-->




<!--232. RayChen#6088
1. 2
2. https://codepen.io/raychen1996/pen/QWQybPM
-->

<!--233. MoMo#3307
1. 2
2. https://codepen.io/chiuyuchun/pen/NWyxxLQ
-->

<!--234. Winnie#1306
1. 2
2. https://codepen.io/TzuHsuanWu/pen/mdXVPmN?editors=1100
-->

<!--235. 嘟嘟莉#2170
1. 2
2. https://codepen.io/nicki202204/pen/RwQrKMK?editors=1100
-->

<!--236. Chloeee#0035
1. 2
2. https://codepen.io/beechloee/pen/eYVJgoq
-->


<!--237. will0708#7730
https://codepen.io/ncrdpepc-the-lessful/pen/mdXJBey?editors=1100
-->

<!--238. Doraine
1. 2
2. https://codepen.io/amiinu/pen/WNMroyR?editors=1100
-->

<!--239. Sussu#4211
1. 2
2. https://codepen.io/yatiti84/pen/vYdONpp?editors=1100
-->


<!--240. Tori#1248
1. 2
2. https://codepen.io/FlyTori/pen/VwQeXGK
-->

<!--241.  亞芽#1185
1. 2
2. https://codepen.io/sanahsu/pen/jOZWKBr
-->

<!--242. shiaohan#0676
1. 2
2. https://codepen.io/shiaohan/pen/WNMrgRP?editors=1100
-->

<!-- 243. Jan F#7277
1. 2
2. https://codepen.io/Jan-F/pen/yLvejGY?editors=1100
-->

<!-- 244. H2CO3#7232
1. 2
2. Codepen
-->https://codepen.io/guan-zhen-wang/pen/abqdPzv?editors=1100

<!--245 lazyhsu#677
1.問題一：2
2.問題二：codepen
-->https://codepen.io/hsu860112/pen/oNEbRea

<!--246 Ryan Chen#3338
1.2
2.https://codepen.io/RyanTP/pen/gOvPJvY

<!--247 ( Φ ω Φ )#3092
1.問題一：2
2.問題二：https://codepen.io/rinnya/pen/eYVJqpq

<!-- 248 jing#6810
1. 2
2. https://codepen.io/jing2357/pen/gOvPVoK
-->

<!--249 Jumpye#8601
1.問題一：2
2.問題二：https://codepen.io/Jumpye/pen/VwQavwo?editors=1100

<!--250 Carrie#2750
1.2
2.https://codepen.io/carrie-wang/pen/jOZqMbQ

<!-- 251. Aoya#9155
1. 2
2. https://codepen.io/aoya2139/pen/qBxZNyB -->

<!-- 252. LeonYueh#6189
1.2
2. https://codepen.io/qwuyyxxn/pen/ExjvqdO -->

<!-- 253. Zoey#0839
1.答案：2
2.https://codepen.io/zoec/pen/jOZPgjV 
-->

<!-- 253. YANSzero#5436
1.答案：2
2.https://codepen.io/yanszero/pen/jOZqmZr
-->
<!-- 255. ton#8977
1.答案：2
2.https://codepen.io/tonhan/pen/NWyNMjL
-->

<!-- 256 
1. 答案:2 zera#6060 
2. https://codepen.io/zera888/pen/WNMwyRN
-->

<!-- 257 大薯不加鹽#0614
1. 答案:2 
2. https://codepen.io/HeroNeverDie072/pen/GRQZdbX
-->

<!-- 258 Donna#3124
1.答案:2
2.https://codepen.io/Don03/pen/xxYVemR
-->

<!--259 piha#9987
1.答案:2
2.https://codepen.io/pihahaha/pen/LYQNwbN
-->

<!--260 EllieLo#9809
1.答案:2
2.https://codepen.io/ellie-lo/pen/WNMxeON
-->

<!-- 261 大衛
1.答案:2
2.https://codepen.io/exnsrpjc/pen/mdXERjV?editors=1100
-->

<!-- 262 swa#2677
1.答案:2
2.
-->

<!-- 263 Dingy#2931
1.答案:2
2.
-->

<!-- 264 vivian
1.答案:3 好想吃22222222
2.https://codepen.io/Vivianliuu/pen/ZErOvzq?editors=1100
-->

<!-- 265 AmberC
1.答案:2
2.https://codepen.io/AmberChuang/pen/JjpKyNd
-->

<!-- 266 steven421055  
1. 答案:2
2. https://codepen.io/steven421055/pen/dydXdgj?editors=1100
-->

<!--267 YC#2008
1. Answer:2
2. https://codepen.io/danisternburg/pen/mdXEQJY
-->

<!--268 yoyo123456#0577
1. Answer:2
2. https://codepen.io/hungyoyo/pen/MWQevwz
-->

<!-- 269.  島輝#8608
1. 答案為2
2. Codepen https://codepen.io/kelen88631325/pen/bGLwpBz?editors=1100
-->

<!-- 270.  家洋#6999
1. A:2
2. Codepen https://codepen.io/yang940648/pen/VwQKKmv
-->

<!-- 280. cavalown#6646 
1. 2
2. Codepen => https://codepen.io/cavalown/pen/eYVdEWb?editors=1100
-->
<!-- 280. CHIA#3031
1. 2
2. Codepen => https://codepen.io/chiachiaD/pen/xxYEaMG?editors=1100
-->

<!-- 281. Susan8402#5854
1. 2
2. Codepen => 
https://codepen.io/Susan8402/pen/NWyRoOV?editors=1100
-->

<!-- 281.  前面是彩色的 #3025
1. 2
2. Codepen => 
https://codepen.io/mnscake/pen/jOZVPoO
-->

<!-- 282.  樂樂 #9345
1. 答案:2
2. Codepen =>
https://codepen.io/sfkkpnik-the-selector/pen/BaYQjmR
-->
<!-- 283.   jiajiajiahou#5229
1. 答案:2
2. Codepen =>
https://codepen.io/chia-chia-hou/pen/mdXOBjx
-->

<!-- 284.   Lynn73 #3164
1. 答案:2
2. Codepen =>
https://codepen.io/LYNN0703/pen/abqBYjY
-->
<!-- 285. 果凍 #0374  
1. 2
2. Codepen =>https://codepen.io/pbhdzjdb-the-bashful/pen/ZErBRMY
-->
<!-- 286. Cora #3153  
1. 2
2. Codepen =>https://codepen.io/coracola/pen/ZErBmRK
-->
<!-- 287. Renad#0242
1. 2
2. https://codepen.io/ruby-teng/pen/gOvLZdL
-->

<!-- 288. 一隻阿貓#2726
1. 2
2. https://codepen.io/chenchaoyen/pen/BaYQEJp
-->

<!-- 289. 皆順#1616
1. 2
2. https://codepen.io/koba60052ww/pen/JjpEPVW
-->

<!-- 290. 回報範例：（yuki#9465）  
1. 2
2. https://codepen.io/yukilin549/pen/rNJWRvw?editors=1100
-->

<!-- 291. Jean  
1. 答案：2
2. https://codepen.io/jean-liu/pen/dydPzwE
-->

<!--292. CrystalD#6007
1. 2
2.https://codepen.io/Crystaldu/pen/GRQrLKa
-->

<!--293. Ben Kao#3066
1. 2
2.https://codepen.io/Ben-Kao0311/pen/QWQpLKm
-->

<!--294. Kai#4832
1. 2
2. https://codepen.io/kkk8899/pen/gOvmMmj
-->

<!--295. Yurii#7455
1. 2
2. https://codepen.io/Yurii-Wen/pen/OJQjvZx?editors=1100
-->

<!--296. bakiii
  https://codepen.io/aki168/pen/bGLoQvR -->

<!--297. Jayrizon#8683
1. 2
2. https://codepen.io/bghdxmmm-the-looper/pen/jOZabXZ
-->

<!--298. Eileen#6454
1. 2
2. https://codepen.io/Eileen-io/pen/mdXJEaK
-->

<!-- 299. Barret#1119
1. 2.
2. https://codepen.io/barret0720/pen/MWQVaXJ -->
<!-- 300. Qc#9110
1. 2.
2. https://codepen.io/qcmytm/pen/OJQEGdP -->
<!-- 301. 夜空#6305
1. 2.
2. https://codepen.io/sunnight0802/pen/QWQBzYj -->

<!-- 302. LeEva#6481
1. 2.
2. https://codepen.io/yi-fan-lee/pen/poaZmqa?editors=1100 -->

<!-- 303. jin.huang#4666
1. 2.
2. https://codepen.io/ruby828387/pen/oNERbyJ?editors=1100-->

