css如何清除空白

這篇文章主要介紹了css如何清除空白，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

css清除空白的方法是，在外層元素上添加屬性font-size，并且將屬性值設(shè)置為0，同時在內(nèi)層元素上指定字體具體的大小即可，例如【font-size: 0;】。

本文操作環(huán)境：windows10系統(tǒng)、css 3、thinkpad t480電腦。

如果我們要清除行內(nèi)元素之間的空白，最好的方法就是在外層元素上設(shè)置font-size:0;同時在內(nèi)層元素上指定字體具體的大小。

font-size 屬性用于設(shè)置字體大小。

常用屬性值：

• smaller    把 font-size 設(shè)置為比父元素更小的尺寸。

• larger    把 font-size 設(shè)置為比父元素更大的尺寸。

• length    把 font-size 設(shè)置為一個固定的值。

• %    把 font-size 設(shè)置為基于父元素的一個百分比值。

代碼示例如下：

ul.inline-block-list { /* 比如 ul 或者 ol元素 */  
    font-size: 0;  
}  
ul.inline-block-list li {  
    font-size: 14px; /* 設(shè)置具體的字體大小 */  
}  
ul.inline-block-list { /* 比如 ul 或者 ol元素 */
font-size: 0;
}
ul.inline-block-list li {
font-size: 14px; /* 設(shè)置具體的字體大小 */
}

為了抵消外層元素的字體屬性,在內(nèi)層元素必須指定 font-size 屬性，當(dāng)然這很簡單。

css的三種引入方式

1.行內(nèi)樣式，最直接最簡單的一種，直接對HTML標(biāo)簽使用style=""。2.內(nèi)嵌樣式，就是將CSS代碼寫在之間，并且用

進(jìn)行聲明。3.外部樣式，其中鏈接樣式是使用頻率最高，最實(shí)用的樣式，只需要在之間加上

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css如何清除空白”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!