CSS間隔符是一種常用于樣式表中的字符,用于將樣式屬性與屬性值分開。常見的間隔符有空格、分號以及冒號等。然而,有時候使用間隔符時會遇到一個問題:間隔符會粘在字體上。這看起來很奇怪,但是原因很簡單。
font-family: 'Open Sans', Arial, sans-serif;
上面這個樣式屬性值中的逗號是一個間隔符,用于分隔多個字體。但是如果沒有正確的使用空格將其與下一個屬性分隔開來,它將會粘在字體名稱后面造成奇怪的效果。
font-family: 'Open Sans',Arial,sans-serif;
出現這種情況的原因是因為CSS解析器將屬性值作為一個整體來解析,而不是將其分解成多個單獨的屬性值。這就意味著它將不會識別逗號是一個分隔符,而不得不將其視為字體名稱的一部分。
為了解決這個問題,我們需要在逗號后面添加一個空格。這會告訴解析器將逗號和下一個屬性值分開,并將其正確地應用于樣式屬性中。
font-family: 'Open Sans', Arial, sans-serif;
現在,我們已經知道了如何正確地使用CSS間隔符。記得在每個逗號后面都添加一個空格,這將確保樣式屬性的值被正確地解析和應用。
上一篇mysql 請求隊列
下一篇css陰影技巧口訣