---
# System prepended metadata

title: 7/20 每日任務 Day12：RWD 觀念選擇題
tags: [網頁切版直播班 - 2021 夏季班]

---

---
tags: 網頁切版直播班 - 2021 夏季班
---
{%hackmd theme-dark %}
# 7/20 每日任務 Day12：RWD 觀念選擇題

## 題目
**選擇題，一共五題，可群組討論，請在任務提交時要解釋選擇答案的原因。**

1. 請問下列何者是正確的 media query 語法？

   A. @media (min-width: 600px) {...}
   B. @media min-width: 600px {...} 
   C. @media (min-width = 600px) {...}
   D. @media min-width = 600px {...}

    **Ans: A**
   

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. 黑色
    
    **Ans: B**
    
    
    
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. 藍色
    
    **Ans: C**
    
    
    
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. 藍色
    
    **Ans: A**
    
    
5. 針對響應式圖片的設定，應該幫 img 標籤加上什麼語法？

    A. max-width:100% 
    B. width:100% 
    C. max-width: 100px
    D. width: 100px
    
    **Ans: A**
## 參考解答
> 解答：ABCAA
