一,效果圖。
?
二,代碼。
?
DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Margintitle>
<style>
p{
background-color: yellow;
}
p.margin{
margin: 100px 50px;
}
style>
head>
<body>
<p>This is a paragraph with no specified marginp>
<p class="margin">this is a paragrapth with specified margins.p>
body>
html>
?
?
參考資料:《菜鳥教程》
?
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1256.html
摘要:的特性始終是透明的。例如就等于如果只有兩個值,第一個值表示上下值,第二個值為左右的值。垂直外邊距合并問題外邊距合并指的是,當兩個垂直外邊距相遇時,它們將形成一個外邊距。合并后的外邊距的高度等于兩個發生合并的外邊距的高度中的較大者。 Margin的特性 margin始終是透明的。 margin通過使用單獨的屬性,可以對上、右、下、左的外邊距進行設置。即:margin-top、marg...
摘要:方法一為父元素添加方法二同時浮動元素方法三添加非浮動的清除元素定位布局的核心是屬性,對元素盒子應用這個屬性,可以相對于它在常規文檔流中的位置重新定位。絕對定位絕對定位會把元素徹底從文檔流中拿出來,然后相對于其他元素默認是定位上下文定位。 1.盒模型 盒模型,就是 瀏覽器為頁面中的每個 HTML 元素生成的矩形盒子。 這些盒子們都要按照 可見版式模型(visual formattin...
摘要:相鄰的兄弟元素相鄰的兩個兄弟元素之間的外邊距會塌陷。塊級父元素與其第一個最后一個子元素如果塊級父元素中,上邊框寬度及上內邊距距離為時,此時這個塊級父元素和其第一個子元素就會發生上外邊距合并現象。 盒模型 在CSS中,使用標準盒模型描述這些矩形盒子中的每一個。這個模型描述了元素所占空間的內容。每個盒子有四個邊:外邊距邊, 邊框邊, 內填充邊 與 內容邊。 在標準模式下,一個塊的總寬度=...
摘要:相鄰的兄弟元素相鄰的兩個兄弟元素之間的外邊距會塌陷。塊級父元素與其第一個最后一個子元素如果塊級父元素中,上邊框寬度及上內邊距距離為時,此時這個塊級父元素和其第一個子元素就會發生上外邊距合并現象。 盒模型 在CSS中,使用標準盒模型描述這些矩形盒子中的每一個。這個模型描述了元素所占空間的內容。每個盒子有四個邊:外邊距邊, 邊框邊, 內填充邊 與 內容邊。 在標準模式下,一個塊的總寬度=...
摘要:元素框從文檔流完全刪除,并相對于其包含塊定位。簡單來說就是,元素不再占用任何文檔流的空間,只剩下相對于包含塊的定位顯示。行框和清理浮動框旁邊的行框會被縮短,使行框圍繞浮動框,所以創建浮動框可以使文本圍繞圖像。 文章大綱來源:【Day 3】HTML復習 + CSS基礎 CSS框模型 寬度和高度 內邊距 外邊距 CSS定位 浮動 CSS框模型 內容引用:CSS 框模型概述 CSS 框模...
閱讀 2577·2021-10-25 09:45
閱讀 1239·2021-10-14 09:43
閱讀 2297·2021-09-22 15:23
閱讀 1519·2021-09-22 14:58
閱讀 1934·2019-08-30 15:54
閱讀 3539·2019-08-30 13:00
閱讀 1354·2019-08-29 18:44
閱讀 1571·2019-08-29 16:59