摘要:空白區通常是指其他元素不能出現且父元素背景可見的區域。很自然,用于影響這個區域的屬性是。權威指南何時應當使用需要在外側添加空白時。是用來隔開元素與元素的間距用于布局分開元素使元素與元素互不相干。何時應當時用需要在內測添加空白時。
邊界(margin):元素周圍生成額外的空白區。“空白區”通常是指其他元素不能出現且父元素背景可見的區域。補白(padding):補白位于元素框的邊界與內容區之間。很自然,用于影響這個區域的屬性是padding。
——CSS權威指南
何時應當使用 margin ?
需要在border外側添加空白時。
空白處不需要背景(色)時。
上下相連的兩個盒子之間的空白,需要相互抵消時(如 15px + 20px 的 margin,將得到 20px 的空白)。
margin 是用來隔開元素與元素的間距
margin用于布局分開元素使元素與元素互不相干。
何時應當時用 padding ?
需要在border內測添加空白時。
空白處需要背景(色)時。
上下相連的兩個盒子之間的空白,希望等于兩者之和時(如 15px + 20px 的 padding,將得到 35px 的空白)。
padding 是用來隔開元素與內容的間隔。
padding 用于元素與內容之間的間隔,讓內容(文字)與(包裹)元素之間有一段“呼吸距離”。
參考資料:http://www.hicss.net/use-marg...
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/52252.html
摘要:個人認為是用來隔開元素與元素的間距是用來隔開元素與內容的間隔。舉個例子吧用還是用我是,我只是想和我的父元素隔開點距離,這樣看起來舒服。轉載出自?海玉的博客?本文地址:?http://www.hicss.net/use-margin-or-padding/ 用margin還是用padding這個問題是每個學習CSS進階時的必經之路。 CSS邊距屬性定義元素周圍的空間。通過使用單獨的屬性,可以對...
摘要:空白區通常是指其他元素不能出現且父元素背景可見的區域。很自然,用于影響這個區域的屬性是。權威指南何時應當使用需要在外側添加空白時。是用來隔開元素與元素的間距用于布局分開元素使元素與元素互不相干。何時應當時用需要在內測添加空白時。 邊界(margin):元素周圍生成額外的空白區。空白區通常是指其他元素不能出現且父元素背景可見的區域。補白(padding):補白位于元素框的邊界與內容區之間...
摘要:中是這樣定義的屬性指定一個元素應沿其容器的左側或右側放置,允許文本和內聯元素環繞它。其同樣適用于設置屬性為絕對定位或固定定位的內聯元素。至于為什么,可以理解為內聯元素沒有盒模型,其高度由內容決定。 白話:即上一篇我腦中飄來飄去的css魔幻屬性自己的文章推出之后,這是自己寫的第四篇CSS相關的文章,文章絕大部分是自己工作總結得來,另一部分是平日sf回答的與面試中向面試官交流學到的,都是一...
摘要:但問題是究竟該用還是呢關于這個問題一直存在比較大的爭議。上述現象的出現,是因為是相對于當前元素字體的大小。什么是表示,它是相對于根元素的長度單位。還是在項目開發中究竟是選用還是一直以來爭議不斷。這就是前述規則中的第一條規則。 簡言 應用象EM 和 REM這種相對長度單位進行頁面排版是WEB開發中的最佳實踐。在頁面排版中較好應用EM 和 REM,根據設備尺寸縮放顯示元素的大小。這就使得組...
摘要:目前為止,支持類似這種多方向網站的最佳方式,依然是使用和變量。在英文網站,寬度屬性用表示,高度屬性用表示。在英文網站中更多常用于,它的值升級為代替。在英文網站中,物理屬性與邏輯屬性的表現是一致的。 原文鏈接:https://medium.com/@elad/new-... 原文作者:Elad Shechter 簡介 在過去,大多數程序猿在思考布局時總是習慣于從上下左右的角度出發。這是...
閱讀 2169·2023-04-25 15:00
閱讀 2343·2021-11-18 13:14
閱讀 1154·2021-11-15 11:37
閱讀 3083·2021-09-24 13:55
閱讀 1221·2019-08-30 15:52
閱讀 2644·2019-08-29 12:35
閱讀 3359·2019-08-29 11:04
閱讀 1209·2019-08-26 12:13