控制塊級元素之間的垂直空間

Question

我已經閱讀了關於垂直節奏和網頁排版的一些文章，但有一個方面從來沒有真正討論過。

我更喜歡在標題和第一段之間有足夠的空間（或沒有額外的邊距/填充），因爲這樣可以更直觀地將標題與其內容分開。

我試過從標題中刪除margin-bottom，但由於頁邊空白，段落或ul的margin-top被使用 - 所以最終在標題和內容之間有相同的垂直空間。

有沒有辦法對瀏覽器說第一段不應該在它和它的標題之間有任何邊距？

.main p:first-child不起作用，因爲瀏覽器不會查找p的第一個實例（除非它是第一個不會是因爲總是有標題的第一個項目）。

希望這是有道理的 - 任何指針在正確的方向將不勝感激。

乾杯

Answer 1

嘗試此選擇，那麼：

.headline + p { 
    /*Styles to remove*/ 
    margin-top:0; 
} 

有了這個，你選擇任何p這是之後一個headline

Answer 2

可以使用負邊距的魔力在你的頭。

h1 { 
    margin-bottom:-20px; 
}