---
# System prepended metadata

title: 7/12(一) 每日任務
tags: [大學生體驗營 - 2021 夏季班]

---

---
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)

<!-- 解答：ABCAA -->


回報區
---
<!-- 0. Bingbingboom（回報範例，請使用註解回報）
答案：ABCAA（可直接撰寫答案）
Codepen：https://codepen.io/Bingbingboom/pen/MWpVrRw
-->

<!-- 1. 焦糖
答案：ABCAA
-->

<!-- 2.孫 sunne
ABCAB -->

<!-- 3. 小羊
答案：ABCAA
Codepen：https://codepen.io/eqsmebaz-the-selector/pen/GRmNRNG
-->

<!-- 4. 玉凌
答案：ABCAA
Codepen：https://codepen.io/ruby376758123/pen/rNmWNje
-->

<!-- 5. Iris
Codepen：https://codepen.io/hungyen/pen/LYybYeO
-->

<!-- 6.小胖
Codepen：https://codepen.io/a1073315/pen/YzVpzeL -->

<!-- 7.黃彩雲
Codepen: https://codepen.io/corin19/pen/qBmqBQx 
-->

<!-- 8.廖奕慈
答案：ABCAA
Codepen: https://codepen.io/yiciLiao/pen/dyWOyrj -->

<!-- 9.德德
答案：ABCAA-->

<!-- 10.陳方云
Codepen: https://codepen.io/ssnnny/pen/abWBzbq -->

<!-- 11. 蕭絜云
Codepen: https://codepen.io/cloudy_77/pen/OJmbPNJ -->

<!-- 12. 羿宣
答案：ABCAA
Codepen: https://codepen.io/Ann828/pen/zYwoGxe -->

<!-- 13. \Jack
答案：ABCAA
Codepen: https://codepen.io/JackChen89/pen/RwVoNmW-->

<!-- 14.Cloudia
Codepen:https://codepen.io/hkps87/pen/poPNvML -->

<!-- 15. Genie
答案：ABCAA
Codepen: -->


<!-- 15. JT
答案：ABCAA
Codepen: -->

<!-- 16. 劉永琦
答案: ABCAA
Codepen: https://codepen.io/wjsvypvv-the-decoder/pen/eYWBNzb -->

<!-- 17. 陳瑋崗
答案：ABCAA
Codepen: -->

<!-- 18. 薰
答案：ABCAA
Codepen：https://codepen.io/chiaoshin/pen/mdmOJZq -->

<!-- 19. 黃郁芳
答案：ABCAA
Codepen: -->
<!-- 20. 劉子瑜
答案：ABCAA
-->

<!-- 21. 馮旻
答案：ABCAA
Codepen：https://codepen.io/tboqkvhk/pen/mdmOemK?editors=1100
-->

<!-- 22.小松
答案：ABCAA
Codepen：
https://codepen.io/120061203/pen/LYybGpB
-->

<!-- 23.彥碩
CodePen: https://codepen.io/nelsonsu/pen/NWpexMW?editors=1000 -->

<!-- 24. 黃珮雯
答案：ABCAA
Codepen: https://codepen.io/pwh_27/pen/MWmbKOE
-->

<!-- 25. 書妤
答案：ABCAA
Codepen: https://codepen.io/shuyu227/pen/qBmqbgw -->

<!-- 26. Steve
Codepen: https://codepen.io/steve5631/pen/ExmNPzG
-->

<!-- 27. 莊承叡
ABCAA
Codepen：https://codepen.io/Ray_ty39/pen/YzVpqZq
-->

<!-- 28. 人中
ABCAA
Codepen：https://codepen.io/renchong2424/pen/wvdozRo
-->

<!-- 29. 辰
答案：ABCAA
Codepen：https://codepen.io/dnangelapril/pen/wvdogyO
-->

<!-- 30. 謝旻臻
答案：ABCAA
Codepen：https://codepen.io/julia20010828/pen/zYwoZgM?editors=1000 
-->


<!-- 31. 廖仕雅
ans: ABCAA
codepen: https://codepen.io/sophia0121/pen/wvdoPOL
-->

<!-- 32. 姚小芸
ans: ABCAA
codepen: https://codepen.io/crazzyamy/pen/ExmNoER
-->

<!-- 33. 劉依玫
ans: AAAAA
codepen: 訂正https://codepen.io/meiliu24a/pen/xxdRNbM
-->

<!-- 34. 張筱萱
答案：ABCAA
-->