農會 資訊管理類程式設計108 年第 2 題單選題
下列何者可以設定網頁中某個標籤的右外邊距為10px?
Amargin:0 10px正確答案
Bmargin:10px 0 0 0
Cmargin:0 10 0 0px正確答案
Dpadding-right:10px
Emargin:10 10 0 0px
A、C正確答案
CSS margin 縮寫規則:2值為上下/左右,4值順時針為上/右/下/左;注意外邊距(margin)與內邊距(padding)差異。
為什麼答案是 A、C
2個值代表『上下 左右』,margin:0 10px 表示上下為0,左右為10px,右外邊距即為10px,符合題意。
考點:margin 2值縮寫考點:margin 4值縮寫考點:margin 4值與單位瑕疵考點:內外邊距混淆
載入中…
完整詳解
Pro · 無限重點 CSS margin 縮寫規則:2值為上下/左右,4值順時針為上/右/下/左;注意外邊距(margin)與內邊距(padding)差異。
margin 縮寫口訣:1值全邊,2值上下/左右,4值順時針(上右下左)。右外邊距看第2個值,並避開 padding 陷阱。
逐選項分析
Amargin 2值縮寫✓ 正確
2個值代表『上下 左右』,margin:0 10px 表示上下為0,左右為10px,右外邊距即為10px,符合題意。
Bmargin 4值縮寫✕
4個值順時針為『上 右 下 左』,10px 0 0 0 表示上10px、右0、下0、左0,右外邊距為0,不符題意。
Cmargin 4值與單位瑕疵✓ 正確
4個值順時針為『上 右 下 左』,0 10 0 0px 中第2值(右)為10。雖 10 漏寫 px 單位屬瑕疵,但依出題語境視為正確解答。
D內外邊距混淆✕ 陷阱
padding-right 設定的是右『內』邊距,而非題目要求的『外』邊距(margin),屬於名詞偷換陷阱。
E多值設定與語境✕
順時針為上10、右10、下0、左0。雖右邊為10,但上邊亦為10,並非僅設定右外邊距,且數值漏寫單位,不符題意。
CSS Margin/Padding 縮寫對照表
| 值的數量 | 順序代表 | 範例 (margin) | 右邊距結果 |
|---|
| 1個值 | 四邊相同 | margin: 10px; | 10px |
| 2個值 | 上下 / 左右 | margin: 0 10px; | 10px |
| 3個值 | 上 / 左右 / 下 | margin: 0 10px 0; | 10px |
| 4個值 | 上 / 右 / 下 / 左 (順時針) | margin: 0 10px 0 0; | 10px |
題目要求『外邊距』(margin),選項 D 卻使用『內邊距』(padding-right),這是前端考試最常見的偷換概念陷阱,務必看清中英文關鍵字。