<section class="first">
</section>
<section class="second">
<h1>something is here</h1>
</section>
如果我要為這兩個部分提供背景顏色,它們看起來是分開的。怎樣才能讓分離消失?
uj5u.com熱心網友回復:
給他們兩個相同的背景,并確保他們有 margin: 0
uj5u.com熱心網友回復:
瀏覽器可以對某些元素型別的邊距進行默認設定。
在這種情況下,您會看到 h1 上的默認邊距。
此代碼段明確洗掉了這一點,但有時您會看到樣式表以
* {
margin: 0;
padding: 0;
}
以確保洗掉所有內容的默認值,然后顯式添加所需的設定。
.first {
background: pink;
height: 100px;
}
.second {
background: cyan;
}
.second h1 {
margin: 0;
}
<section class="first">
</section>
<section class="second">
<h1>something is here</h1>
</section>
注意:您可以使用瀏覽器的開發工具檢查工具找出設定邊距等的內容,查看特定元素,您將看到所有已應用的樣式及其來源。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/395756.html
上一篇:未應用字體粗細
下一篇:如何讓填充屬性在svg上作業?
