使用H1或P標籤元素時,在標題與段落或段落與段落之間會出現一行空白,有時看了很礙眼,使用Br來換行,這樣一來要按來按去很麻煩,也會多了一堆Br標籤,看了也很煩。

這是因為瀏覽器也有自己的內部樣式表,有一些預設值存在,好讓那些完全沒有經過整理的內容不會太難看,但有時候卻不是設計者想要的效果。

只要將 margin 和 padding  兩個屬性的值設定為0就可以了,標題與段落之間的空白就會消失,而在使用P標籤的段落文字就像是附帶BR標籤功能一樣,行與行之間不會有一行空白,感覺就像在WORD裡打字一樣,需要時再調整行距即可。

範例:


P {
margin:0;
padding:0;
}

arrow
arrow
    全站熱搜

    ALVIN 發表在 痞客邦 留言(0) 人氣()