您好,登錄后才能下訂單哦!
這篇文章主要介紹了css如何清除空白,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
css清除空白的方法是,在外層元素上添加屬性font-size,并且將屬性值設置為0,同時在內層元素上指定字體具體的大小即可,例如【font-size: 0;】。
本文操作環境:windows10系統、css 3、thinkpad t480電腦。
如果我們要清除行內元素之間的空白,最好的方法就是在外層元素上設置font-size:0;同時在內層元素上指定字體具體的大小。
font-size 屬性用于設置字體大小。
常用屬性值:
smaller 把 font-size 設置為比父元素更小的尺寸。
larger 把 font-size 設置為比父元素更大的尺寸。
length 把 font-size 設置為一個固定的值。
% 把 font-size 設置為基于父元素的一個百分比值。
代碼示例如下:
ul.inline-block-list { /* 比如 ul 或者 ol元素 */ font-size: 0; } ul.inline-block-list li { font-size: 14px; /* 設置具體的字體大小 */ } ul.inline-block-list { /* 比如 ul 或者 ol元素 */ font-size: 0; } ul.inline-block-list li { font-size: 14px; /* 設置具體的字體大小 */ }
為了抵消外層元素的字體屬性,在內層元素必須指定 font-size 屬性,當然這很簡單。
1.行內樣式,最直接最簡單的一種,直接對HTML標簽使用style=""。2.內嵌樣式,就是將CSS代碼寫在之間,并且用
進行聲明。3.外部樣式,其中鏈接樣式是使用頻率最高,最實用的樣式,只需要在之間加上
就可以了。其次就是導入樣式,導入樣式和鏈接樣式比較相似,采用@import樣式導入CSS樣式表,不建議使用。感謝你能夠認真閱讀完這篇文章,希望小編分享的“css如何清除空白”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。