--- tags: 30 天軟體工程師體驗營｜2025 --- # 🏅 切版任務 Day1 - HTML 標籤元素、CSS 判斷 > 建議觀看的影音章節： > - CSS - VS Code 網頁編輯器、HTML 基礎教學 > - CSS - CSS常用語法 > - CSS - 使用 CSS 變更 HTML 標籤特性 ## 問題 依照下列 HTML 與 CSS 程式碼內容判斷，請分享以下 HTML 標籤 a. `p`、`span`、`div`、`a` 各為什麼顏色 b. `p`、`span`、`div`、`a`、`img` 是區塊元素（block）還是行內元素 （inline）？ ```htmlembedded= <!-- HTML 程式碼 --> <p class="green yellow orange"> 我是P段落，文字顏色是什麼呢?區塊元素還是行內元素呢? </p> <span class="red yellow green"> 我是span，文字顏色是什麼呢?區塊元素還是行內元素呢? </span> <div class="blue orange red"> 我是div，文字顏色是什麼呢?區塊元素還是行內元素呢? </div> <a class="yellow blue green"> 我是a連結，文字顏色是什麼呢?區塊元素還是行內元素呢? </a> > [] <img src="..." alt="img"> 我是img，區塊元素還是行內元素呢? ```css= /* CSS 程式碼 */ .orange { color: orange; } .blue { color: blue; } .red { color: red; } .yellow { color: yellow; } .green { color: green; } ``` ## 回報流程 1. 將答案貼在 [CodePen](https://codepen.io/Kelson-House/pen/jEEKoeJ) 並複製 CodePen 連結貼至「回報區」回報 （也可以將答案直接貼至「回報區」） ![](https://i.imgur.com/vftL5i0.png) <!-- 解答： -- a -- p: green span: green div: red ａ: green -- b -- p: 區塊元素 block span: 行內元素 inline div: 區塊元素 block ａ: 行內元素 inline img: 行內元素 inline --> 回報區 --- | 報數 | Discord 名字 | CodePen／其他回饋 | |:----:|:--------------:|:-------------------------------------------------------------------------------------------------------------------------:| | 1 | 小趴 | [Codepen](https://codepen.io/papa2415/pen/oNOVNeP) | | 2 | 力文 | https://codepen.io/liwenchiou/pen/GggvVbg | | 3 | Toung | [Codepen](https://codepen.io/Toung/pen/KwwvOKp) | | 4 | 叮咚 | [Codepen](https://codepen.io/pinchieh-lin/pen/GggMKEq) | | 5 | Zeze | [Day1 Answer](https://codepen.io/May-Wang-the-scripter/pen/VYYMZyL) | | 6 | tina01170 | https://codepen.io/tina-huang-the-bashful/pen/emmGOyP | | 7 | jingle0900 | [Codepen](https://codepen.io/EvaLi0472/pen/PwwJYdm) | | 8 | 謝天 | [Codepen](https://codepen.io/sfdplwjq-the-bold/pen/OPPxLeO?editors=1100) | | 9 | DD | [Codepen](https://codepen.io/dorihung/pen/WbbZNrg) | | 10 | WAWATA | [Codepen](https://codepen.io/wa-wa-GNOHC-WA-Wa/pen/yyyzLgW) | | 11 | 里歐 | [Codepen](https://codepen.io/akihico/pen/gbbGOXz) | | 12 | 随縁 | [Codepen](https://codepen.io/zuien/pen/LEEzYZR?editors=1100) | | 13 | B | [Codepen](https://codepen.io/Babel777/pen/NPPaWRL) | | 14 | Zing | [Codepen](https://codepen.io/TZU-YIN-WANG/pen/xbbXxMq) | | 15 | Atayallin | [Codepen](https://codepen.io/zin-seven/pen/RNNLwpL) | | 16 | 蛋殼 | https://codepen.io/weybrian/pen/xbbXbxL | | 17 | Ali | [Codepen](https://codepen.io/Alicia1117/pen/RNNLwzB) | | 18 | andy | [Codepen](https://codepen.io/ewnblckz-the-styleful/pen/zxxExvw) | | 19 | haohao | [Codepen](https://codepen.io/tqdtaouh-the-styleful/pen/MYYEYVm?editors=1100) | | 20 | RUDY | [Codepen](https://codepen.io/Rudy-crw/pen/vEEeEMq) | | 21 | 小瑾 | [Codepen](https://codepen.io/Mina-Chou/pen/LEEzVNv) | | 22 | Daniel Huang | [Codepen](https://codepen.io/Hou-Chieh-HUANG/pen/LEEzVVa) | | 23 | 蛋白 | [蛋白的Codepen-Day1](https://codepen.io/sjlu-0/pen/GggMJRg) | | 25 | Dean | [Codepen](https://codepen.io/ch933114/pen/emmGNbx) | | 24 | Yukon | [Codepen](https://codepen.io/ukowork/pen/JooroNp) | | 25 | Kate Chou | [Codepen](https://codepen.io/ydzfqmuh-the-selector/pen/ByywoMv) | | 26 | Joseph_Kyuu | [Codepen](https://codepen.io/zrzfastd-the-reactor/pen/VYYMvNQ) | | 27 | zhe | [Codepen](https://codepen.io/dotheright/pen/KwwXVmz) | | 28 | Melanie | [CodePen](https://codepen.io/pnrcspte-the-animator/pen/MYYEyEX) | | 29 | Klaus Chen | [CodePen](https://codepen.io/Klaus-Chen/pen/ByywKZp) | | 30 | 7Lun | [Day1-CodePen](https://codepen.io/mfyvqhsn-the-bold/pen/qEEPaQM) | | 31 | Min | [CodePen](https://codepen.io/cvqevoxk-the-decoder/pen/raaGWGq) | | 32 | CBK | [CodePen](https://codepen.io/BK-C-the-styleful/pen/dPPVNzv) | | 33 | Stan | [CodePen](https://codepen.io/Stan-Huang/pen/myyBWez) | | 34 | Nora | [CodePen](https://codepen.io/Yun-Jhen-Dai/pen/raaGjox) | | 35 | nora_zizi | [CodePen](https://codepen.io/Nora-Ch/pen/pvvPRpE) | | 36 | 阿香 Mia | [CodePen](https://codepen.io/li-shiang-yu/pen/OPPxmOb) | | 37 | ArvinSu | [CodePen](https://codepen.io/Arvin-Su/pen/yyyzbbv) | | 38 | Archang | [CodePen](https://codepen.io/pxfnrvgk-the-styleful/pen/bNNoqwX) | | 39 | Pastor | [CodePen](https://codepen.io/peter_hung/pen/QwwqvaO) | | 40 | Jinie | [CodePen](https://codepen.io/jiniecheung/pen/emmEMVp) | | 41 | 阿莫 | [CodePen](https://codepen.io/pzmmaukk-the-bold/pen/wBBreLN) | | 42 | leo_tzou | [CodePen](https://codepen.io/JH_Portfolio/pen/vEEemdN) | | 43 | Kath | [CodePen](https://codepen.io/JLin-the-lessful/pen/wBBrqMb) | | 44 | jane.yg | [Day1 CodePen](https://codepen.io/Jane-Yang-the-reactor/pen/dPPVRgz) | | 45 | FangFang | [Day1 CodePen](https://codepen.io/Fang-the-selector/pen/Eaawvmv) | | 46 | Winter | [Day1 CodePen](https://codepen.io/winternightsix/pen/dPPVVOB) | | 47 | mambo | [CodePen](https://codepen.io/chiang_mb/pen/OPPxRey) | | 48 | ninii | [CodePen](https://codepen.io/niiniiii/pen/dPPVVxG) | | 49 | 柔術小子 | [CodePen](https://codepen.io/Li-Lee-Everything-is-PM/pen/MYYErGJ) | | 50 | wei_0982 | [CodePen](https://codepen.io/nico-lai/pen/OPPxEYg) | | 51 | 蛋黃 | [CodePen](https://codepen.io/yiyun12o9/pen/vEEezOj) | | 52 | 馬德 | [CodePen](https://codepen.io/maywang/pen/zxxEJNZ) | | 53 | HLC | [CodePen](https://codepen.io/pppbbb262626/pen/yyyzRNo) | | 54 | BaLaLaYOU | [CodePen](https://codepen.io/bashawxd-the-bashful/pen/MYYEzdY) | | 55 | Kaijon-Hou | [CodePen](https://codepen.io/Kaijon-Hou/pen/wBBrOEE) | | 56 | 牛奶 | [CodePen](https://codepen.io/0omilko0/pen/myyqdjq) | | 57 | 野鴿 | [CodePen](https://codepen.io/HoshinoSyouta/pen/raaYOyg) | | 58 | Kiwi | [CodePen](https://codepen.io/Karen-the-flexboxer/pen/emmeJYp) | | 59 | gracechiang225 | [CodePen](https://codepen.io/gracechiang225/pen/vEEWJaV) | | 60 | cks40660 | [CodePen](https://codepen.io/CKS40660/pen/WbbXZwx) | | 61 | yuna | [CodePen](https://codepen.io/Yuna1002/pen/jEEaYaO) | | 62 | Aidd. | [CodePen](https://codepen.io/aiddchen/pen/GggOQER) | | 63 | Rola C. | [CodePen](https://codepen.io/Rola-C/pen/VYYrQmR) | | 64 | Cami | [CodePen](https://codepen.io/irisLife/pen/KwwyoBb) | | 65 | 消波塊 | [CodePen](https://codepen.io/PaulHsiao/pen/eYPGLxW) | | 66 | Kinkin | [Day1 CodePen](https://codepen.io/Kinkin-Yo/pen/ByymPyR) | | 67 | Maggie C. | [CodePen](https://codepen.io/Maggie-dev_xo/pen/ByymJXB) | | 68 | Lun | [CodePen](https://codepen.io/Pokemon-Tung/pen/zxxPmMm) | | 69 | 登登登 | [CodePen](https://codepen.io/Duncanin/pen/Kwwyrpo) | | 70 | holysi | [a.p=green 、span=green 、div=red、a=green，b.p=區塊、span=行內、div=區塊、a=行內](https://codepen.io/holysi/pen/xbbPMGW) | | 71 | Arthur | [CodePen](https://codepen.io/Shen-Po-Yang/pen/QwwqjQo) | | 72 | allen3290 | [CodePen](https://codepen.io/udadkudw-the-looper/pen/azzVMJe) | | 73 | Owen He | [CodePen](https://codepen.io/owen1120/pen/OPPOGVw) | | 74 | Leonard | [CodePen](https://codepen.io/hyyfjqra-the-sans/pen/pvvpzbN) | | 75 | rexx109696 | [CodePne](https://codepen.io/rex-c/pen/emmyYbw) | | 76 | Katie | [CodePne](https://codepen.io/Katiekatiehsu/pen/OPPzjyZ) | | 77 | Hugh | [CodePne](https://codepen.io/Hugh-Chen/pen/zxxpEJj) | | 78 | 孟 | [CodePne](https://codepen.io/Mengru0503/pen/ZYYvaVP) | | 78 | sherry0316 | [CodePne](https://codepen.io/twvyqojd-the-typescripter/pen/gbbWXbB | | 79 | ann#6212 | [CodePne](https://codepen.io/yqmegupa-the-styleful/pen/wBBpjYO) | | 80 | quality2023 | [CodePne](https://codepen.io/chmqhknp-the-bold/pen/wBBpEVb) | | 81 | Christina | [CodePne](https://codepen.io/Christina-T-the-styleful/pen/NPPXEKd) | | 82 | yang | [Codepen](https://codepen.io/Yang-J/pen/bNNaOVj?editors=1000) | | 83 | YuTing | [Codepen](https://codepen.io/venus50533/pen/xbbpmaq) | | 84 | stone | [Codepen](https://codepen.io/bgrwlzoz-the-reactor/pen/VYYygbE) | | 85 | Neria | [Codepen](https://codepen.io/JFNL/pen/WbbRPge) | | 86 | Iannaan | [Codepen](https://codepen.io/ian293382/pen/qEEpveb) | | 87 | Sylvia | [Codepen](https://codepen.io/Sylvia93458/pen/WbbdmQj) | | 88 | Bonnie | [Codepen](https://codepen.io/Bonnielin8038/pen/pvvaWpb) | | 89 | Sheena | [Codepen](https://codepen.io/Sheena-the-encoder/pen/PoMBWGa) | | 90 | EdenWu | [Codepen](https://codepen.io/eden-wu/pen/YPPevgg) | | 91 | An | [Codepen](https://codepen.io/bzrpsbjq-the-encoder/pen/yyyPRmj) | | 92 | WEIWEI | [Codepen](https://codepen.io/weiwei93/pen/GggOyLL) | | 93 | _ching._ | [Codepen](https://codepen.io/himewbms-the-bold/pen/pvvpzGd) | | 94 | Kirstie | [Codepen](https://codepen.io/Kirstie-Wang/pen/dPPdEqq) | | 95 | Aoi | [Codepen](https://codepen.io/zching07/pen/wBByLXJ?editors=1100) | | 96 | 周周 | [Codepen](https://codepen.io/jhoujhou-the-decoder/pen/KwwQjeZ?editors=1000) | | 97 | DebbyYang | [Codepen](https://codepen.io/Debby-Yang/pen/ByymBNo) | | 98 | Jane | [Codepen](https://codepen.io/jkmx/pen/LEEdRZV) | | 99 | Deniel | [Codepen](https://codepen.io/DFax/pen/jEEzMyp) | | 100 | Jessie | [Jessie 的 Codepen](https://codepen.io/bakyfkso-the-looper/pen/XJJEjwm) | | 101 | Tung | [Codepen](https://codepen.io/oltsegon-the-looper/pen/NPPYdVa) | | 102 | Clare | [Codepen](https://codepen.io/cwwc57/pen/dPPmWyz) | | 103 | anson.www | [切版任務 Day1｜Codepen](https://codepen.io/zzkvrkzi-the-sans/full/ByyrROg) | | 104 | Chia__ | [Codepen](https://codepen.io/Chia-the-encoder/pen/MYYVOYm) | | 105 | dawnwang87 | [Codepen](https://codepen.io/yrpnrtsy-the-typescripter/pen/zxxWpYb) | | 106 | meowmi623 | [Codepen](https://codepen.io/MeowMiii/pen/xbbWYmp) | | 107 | nini0520 | [倪倪的切版任務「 HTML 標籤元素、CSS 判斷 」](https://codepen.io/nini0520/pen/LEEdqjz) | | 108 | 禹成林 | [Codepen](https://codepen.io/useirin/pen/YPPagKR) | | 109 | tiffany871205 | [Codepen](https://codepen.io/Tiffany-Tai/pen/OPPvYYe) | | 110 | fishcold9714 | [Codepen](https://codepen.io/yu-han-feng/pen/raavVJL) | | 111 | William Hsieh | [Codepen](https://codepen.io/lsaimqxa-the-vuer/pen/YPPLyOm?editors=1100) | | 112 | 馨蓉 | [Codepen](https://codepen.io/hianfqgj-the-decoder/pen/wBBjKqK) | | 113 | Sonia | [Codepen](https://codepen.io/YUJOU/pen/jEExqNd) | | 113 | Rogan | [Codepen](https://codepen.io/RoganHsu/pen/MYYGvWV) | | 115 | Peggy | [Codepen](https://codepen.io/cpt23462599/pen/emmrEZL) | | 116 | Nea | [Codepen](https://codepen.io/neacode/pen/vEEjeXe) | | 117 | mercury2508. | [CodePen](https://codepen.io/Mercury2508/pen/azzGqOv) | | 118 | Lynn | [CodePen](https://codepen.io/Lynn-the-lessful/pen/XJJqbgd) | | 119 | 艾琳 | [CodePen](https://codepen.io/Irene-Chuang/pen/LEEmmGK) | | 119 | Elowen | [CodePen](https://codepen.io/lingyuOUO/pen/jEExKRO) | | 120 | HedyChen | [CodePen](https://codepen.io/hedychen/pen/vEEjrpd) | | 121 | Waynetrece | [CodePen](https://codepen.io/waynetrece/pen/KwwRBgz) | | 122 | yue | [CodePen](https://codepen.io/Ling-the-scripter/pen/jEExvje) | | 123 | kittyko | [CodePen](https://codepen.io/kittyko/pen/PwwedwN) | | 124 | 木乃伊 Kimi | [CodePen](https://codepen.io/veqjtzdb-the-lessful/pen/JooZoWV) | | 125 | Zackaz | [CodePen](https://codepen.io/zackaz/pen/qEEKBLJ) | | 126 | Max Hsieh | [CodePen](https://codepen.io/Max0924/pen/ZYYROeL) | | 127 | Bonochen | [CodePen](https://codepen.io/bankzdty-the-typescripter/pen/raaKLRp) | | 128 | cheryl | [CodePen](https://codepen.io/katrina-the-decoder/pen/GggGqbR) | | 129 | Wendy | [CodePen](https://codepen.io/jhtbhrhi-the-flexboxer/pen/emmKgzB?editors=1100) | | 130 | JHT | [CodePen](https://codepen.io/juanht/pen/myyBYbZ) | | 131 | kwk.1315 | [CodePen](https://codepen.io/K__________/full/ZYYRxep) | | 132 | JanllyGuo | [CodePen](https://codepen.io/Janlly-Guo/pen/LEErXRe) | | 133 | oyll | [CodePen](https://codepen.io/dizzydog-rgb/pen/bNNKQzV) | | 134 | 沙華 | [2025/04/28 Day 01.](https://codepen.io/moonya0830/pen/MYYXdGM) | | 135 | kelsonhouse | [CodePen](https://codepen.io/Kelson-House/pen/jEEKoeJ) | | 135 | 我路過 | [CodePen](https://codepen.io/huihui0612/pen/azzjbvp) | | 136 | Astrid | [2025/05/07 DAY3](https://codepen.io/astrid321654/pen/JooBPRd) | | 137 | 姜承 | [2025/05/07 DAY3](https://codepen.io/Troy0718/pen/OJBgpgP) | | 138 | yie | [CodePen](https://codepen.io/YI-WU-the-scripter/pen/MYYBVOK) | | 139 | Ado | [CodePen](https://codepen.io/dominic1835t-gmail-com/pen/OPPwBzO) | | 140 | vima | [CodePen](https://codepen.io/chin7004/pen/NPPLNXy) | | 141 | Kanaaa咖娜 | [CodePen](https://codepen.io/Kanayao/pen/MYYqbrz) | | 142 | NAOJUN | [CodePen](https://codepen.io/pzzpvwwp-the-styleful/pen/OPPoEdO) | | 143 | MooseHD | [CodePen](https://codepen.io/MooseHD/pen/MYYqqaj) | | 144 | Apple Pie | [CodePen](https://codepen.io/ymevqzjf-the-builder/pen/raaZqMq?editors=1100) | | 145 | Acadia | [CodePen](https://codepen.io/Acadia/pen/JooawRp) | | 146 | Tou | [CodePen](https://codepen.io/Datou-Huang/pen/qEEMgME?editors=1100) | | 147 | CharlesYang | [CodePen](https://codepen.io/kbjdutli-the-selector/pen/ZYYMwqw) | | 148 | Atian | [CodePen](https://codepen.io/A-Tian-Chen/pen/zxxmrGZ) | | 149 | 言玿 | [Codepen](https://codepen.io/txdhiyik-the-bashful/pen/PwwedmW?editors=1100) | | 150 | emma8470 | [2025/05/11](https://codepen.io/emachen/pen/azzRaYE) | | 151 | Hsin | [CodePen](https://codepen.io/Anny-Chang/pen/WbbYrWr) | | 152 | Lynn | [CodePen](https://codepen.io/Yen-Ling-Peng/pen/oggQRba) | | 153 | 小豬佩奇 | [CodePen](https://codepen.io/HoPeiZhen/pen/pvvqvqg) | | 154 | ja4071 | [CodePen](https://codepen.io/SHAO-L/pen/PwwXPyO) | | 155 | 富 | [CodePen](https://codepen.io/spring40747/pen/ByyvQwN) | | 156 | duchi | [CodePen](https://codepen.io/sqaz0502/pen/bNNOYwR) | | 157 | Yanchen16 | [CodePen](https://codepen.io/keyrtlij-the-reactor/pen/MYYZQBE) | | 158 | Mic | [CodePen](https://codepen.io/Mic-Pan/pen/GggPeXW) | | 159 | 悠悠 | [Codepen](https://codepen.io/kofujztm-the-decoder/pen/jEEeLoy) | | 160 | sunlight0707 | [Codepen](https://codepen.io/iyjyyovs-the-lessful/pen/GggzqLm) | | 161 | joker | [Codepen](https://codepen.io/jokersosmart/pen/ZYYPGBW) | | 162 | Charlotte Wong | [Codepen](https://codepen.io/Charlotte-Wang/pen/xbbBLzZ) | | 163 | Mirage | [Codepen](https://codepen.io/sxxxswyt-the-flexboxer/pen/xbbBaYG?editors=1000) | | 164 | .Nonko | [Codepen](https://codepen.io/zqzvgjkd-the-builder/pen/WbbWbYg) | | 165 | YUN | [Codepen](https://codepen.io/sant220210/pen/qEEwbod) | | 166 | 小懿 | [Codepen](https://codepen.io/YT-the-vuer/pen/bNNJeLe) | | 167 | RoseMary93 | [Codepen](https://codepen.io/zsdmajfv-the-scripter/pen/jEERarq) | | 168 | taishan_90178 | [Codepen](https://codepen.io/candy99/pen/bNNJLpm) | | 169 | Eva | [Codepen](https://codepen.io/cnbhiapb-the-scripter/pen/MYYRGLx) | | 170 | Michelle | [Codepen](https://codepen.io/bastar_dize/pen/vEEMMZL) | | 171 | susu | [Codepen](https://codepen.io/rewrwscm-the-reactor/pen/MYYdewy) | | 172 | 加菲 | [Codepen](https://codepen.io/DOU-CF/pen/LEEoLMg) | 173 | taishan_90178 | [Codepen](https://codepen.io/candy99/pen/XJJvrQW) | 174 | jean_ke| [CodePen](https://codepen.io/Jean-Ke/pen/zxxmKpP) | 175 | Lanmei| [CodePen](https://codepen.io/Lanmei-CodePen/pen/EaaqzJY?editors=1100) | 176 | TY| [CodePen](https://codepen.io/TingYu-Lin/pen/KwpwQPV) | 177 | 610| [CodePen](https://codepen.io/YI-LING-LIU/pen/yyNYdpz) | 178 | kent_31665| [CodePen](https://codepen.io/kentlee406/pen/OPVMLga) | 179 | nonolog| [CodePen](https://codepen.io/game01-cjcu/pen/azOwLVy) | 180 | AntarcticaBear| [CodePen](https://codepen.io/AntarcticaBear/pen/bNdrrxv?editors=1100) | 181 | World| [CodePen](https://codepen.io/HexschoolVuePujols/pen/ogXEjVp) | 182 | Chuang| [CodePen](https://codepen.io/uidoytjq-the-solid/pen/zxGyvPN?editors=1000)