7/12(一) 每日任務

--- tags: 大學生體驗營 - 2021 夏季班 --- # 7/12(一) 每日任務 ## 題目 **選擇題，一共五題，可群組討論，請在任務提交時要解釋選擇答案的原因。** 1. 請問下列何者是正確的 media query 語法？ A. @media (min-width: 600px) {...} B. @media min-width: 600px {...} C. @media (min-width = 600px) {...} D. @media min-width = 600px {...} 2. 根據以下 CSS 請問最後字呈現的顏色為什麼？ ```jsx <div id="color-id" class="color-class">Color</div> <style> .color-class { color: blue; } #color-id { color: red; } div {color: yellow; } </style> ``` A. 藍色 B. 紅色 C. 黃色 D. 黑色 3. 根據以下 CSS，在螢幕解析度 600px 時文字的顏色為何？ ```jsx @media (min-width: 576px){ p { color: red;} } @media (min-width: 768px){ p { color: black; } } p { color: yellow; } ``` A. 紅色 B. 黑色 C. 黃色 D. 藍色 4. 根據以下 CSS，在螢幕解析度 600px 時文字的顏色為何？ ```jsx p { color: yellow; } @media (min-width: 576px){ p { color: red;} } @media (min-width: 768px){ p { color: black;} } ``` A. 紅色 B. 黑色 C. 黃色 D. 藍色 5. 針對響應式圖片的設定，應該幫 img 標籤加上什麼語法？ A. max-width:100% B. width:100% C. max-width: 100px D. width: 100px ## 回報流程 1. 將答案寫在 Codepen 並複製 Codepen 連結貼至「回報區」中回報就算完成了喔～解答及回報方式請參考下方 ![](https://i.imgur.com/vftL5i0.png)  回報區 ---