CSS中的多余部分指的是在頁面布局中并不需要但卻存在于代碼中的一些元素,比如說產(chǎn)生的空白符、沒有使用而被保留下來的樣式、無效的導(dǎo)入等等。
為了避免這些多余的部分在頁面上造成影響,我們可以使用一些方法對其進(jìn)行隱藏。
/* 隱藏產(chǎn)生的空白符 */ html,body{ font-size: 0; line-height: 0; } /* 隱藏沒有使用的樣式 */ .unused-selector{ display: none; } /* 隱藏?zé)o效的導(dǎo)入 */ @import url("exist.css"); /* 存在的導(dǎo)入 */ @import url("no-exist.css"); /* 不存在的導(dǎo)入 */
這些方法可以幫助我們提高頁面加載速度,節(jié)省服務(wù)器帶寬,并讓頁面代碼更加簡潔清晰。