網頁設計期中考

NAV 1

壹、概念題

Q1: 請問使用 css-reset 的目的是什麼? (填充)

Q2: 以下的敘述何者符合 Responsive Website Design(RWD)? (多選)

(A) 使網站在不同設備上都能正確顯示和運作
(B) 使用相對單位(如百分比)設置元素寬度，以適應不同螢幕尺寸
(C) 提供一致的使用者介面和體驗
(D) 改進搜尋引擎優化(SEO)

Q3: 若我要修改 "className" 的中 "div" 類別的元件，要使用以下哪個selector？（單選）

(A) div.className{...}
(B) className.div{...}
(C) div className{...}
(D) className:div{...}

Q4: 以下哪一項描述了padding和margin的區別？（單選）

(A) padding 是元素的外部間距，margin 是元素的內部間距
(B) padding 是元素內容與邊框之間的距離，margin 是元素與其他元素之間的距離
(C) padding 和 margin 是同一個屬性，用於調節元素之間的距離
(D) margin 只適用於行內元素，而 padding 只適用於區塊元素

Q5: 關於CSS中的em和rem單位，下列敘述何者有誤？（單選）

(A) rem 是相對於 html 或 :root 元素字體大小的相對單位
(B) 如果父元素字體大小是 16px，則 1.5em 相當於 24px。
(C) rem 單位不會受到父元素樣式的影響。
(D) 在 font-size 的定義中，1em 等同於 1rem，但在 padding 和 margin 中不是如此。

This is my first box, I will be implementing this with flex.

－ Student A

If these boxes are not implemented with flex ...

－ Student B

I will get no point in this section, which is awful!

－ Student C

貳、側邊欄

This is the fake text you will be typing on your sidebar in your midterm exam of the class

“Basic Web Design” for this semester.