在網頁設計中，排版是非常重要的一個方面。CSS作為一種樣式語言，可以為網頁提供各種各樣的排版效果。其中，有一個小技巧是在段落前添加空格。這個小技巧的實現也非常簡單，只需要在CSS樣式中添加一個margin屬性即可。 首先，我們來看一下沒有添加空格的段落：

p {
font-size: 16px;
line-height: 1.5;
color: #333;
}

上面的代碼中，我們為p標簽設置了三種樣式屬性：字體大小為16px，行高為1.5，顏色為#333。 在網頁中，呈現出來的效果是下面這樣的：

這是一個沒有添加空格的段落，看起來有些擁擠。

我們可以看到，文本緊貼著上面的邊框，看起來有些擠在一起。如果我們想要給段落添加一些空隙，可以使用CSS的margin屬性。 下面是添加空格的CSS樣式：

p {
font-size: 16px;
line-height: 1.5;
color: #333;
margin-top: 10px;
margin-bottom: 10px;
}

我們在上面的CSS代碼中，添加了兩個margin屬性：margin-top和margin-bottom，設置它們的值分別為10px。這樣就可以為段落上下添加一定的空隙了。 再次來看添加了空格的段落：

這是一個添加了空格的段落，看起來比較清爽。

我們可以看到，段落上下方都有10像素的空隙，使得文本更加清爽、易于閱讀。這個小技巧不僅可以用于段落，還可以用于其他元素上。只需要在相應的CSS樣式中添加margin屬性即可。