---
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 請問最後字呈現的顏色為什麼？

    <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 時文字的顏色為何？

    @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 時文字的顏色為何？

    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