技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 11 屆 iThome 鐵人賽
DAY
29
0
自我挑戰組
CSS 大全(第四版)閱讀筆記
系列 第
29
篇
day29【主題七:邊界範圍】
11th鐵人賽
Amy
2019-09-30 23:38:52
567 瀏覽
邊界範圍(margin):
邊界範圍margin:指元素周圍生成額外的空白區。(透明的)
邊界重疊:指兩個以上的邊界範圍,互相重疊,只留下最大邊界範圍的過程。
親代元素的內聚和邊框能中止邊界重疊的效果。(p380)
元素浮動或定位時,不會出現margin合併效果。
margin接受負值,可以讓元素凸出親代元素。
margin在塊級元素下可以完全體現,上下左右都可以設定。
塊級元素的margin的參照基準是前一個元素即相對於自身之前的元素有margin距離。(具有邊距重疊)
margin用於內聯元素,margin-top和margin-bottom對內聯元素的高度沒有影響。(會影響內聯元素高度的是line-height而不是height)
margin用於佈局分開元素使元素與元素互不相干;padding用於元素與內容之間的間隔,讓內容(文字)與(包裹)元素之間有一段“呼吸距離”。
不要告訴我你懂margin
用Margin還是用Padding?
留言
追蹤
檢舉
上一篇
day28【主題六:選擇器】筆記3-動態、介面狀態虛擬類別
下一篇
day30【主題八:數值與單位】
系列文
CSS 大全(第四版)閱讀筆記
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
day26【主題六:選擇器】筆記1
27
day27【主題六:選擇器】筆記2
28
day28【主題六:選擇器】筆記3-動態、介面狀態虛擬類別
29
day29【主題七:邊界範圍】
30
day30【主題八:數值與單位】
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23096
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
公司有人常常亂改IP位置(想問有甚麼辦法可以將IP鎖住不給更改)
Chrome 無法連上非Google網站
請問如何在老Tiptop系統,要新建一家公司要怎麼做?
DDR3記憶體 只抓到一半
發現生產厲害的傳統產業,資訊化越厲害,生產能力反而降低?
和朋友討論不出來 ,關鍵字搜尋方法,我也想學EXCEL了
免安裝版軟體開啟權限問體
請問我晚上開發一款工具,早上給公司使用,沒特別條款,法律知識產權還是我的嗎?
Nessus 弱掃問題
請教外網如何連到家裡內部裝置
熱門回答
公司有人常常亂改IP位置(想問有甚麼辦法可以將IP鎖住不給更改)
Chrome 無法連上非Google網站
和朋友討論不出來 ,關鍵字搜尋方法,我也想學EXCEL了
Alma Linux與Rocky Linux,選擇哪一個比較好?
DDR3記憶體 只抓到一半
熱門文章
【資安日報】4月17日,多個廠牌的VPN系統、網路設備遭到鎖定,攻擊者對其發動暴力破解攻擊 Vigor Router Firewall 路由器 防火牆 解法
適合程式開發人員去練功夫
不同網段怎麼互連
在任何雲端上運行:雲端的可移植性你有考慮過嗎?
為了客戶搞LAB,變成在trouble shooting Virtualbox....
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}