在CSS編碼中,我們經(jīng)常會碰到一些很長的字符串,例如背景圖的URL路徑、字體聲明等等。如果這些長字符串全部放在一行里,不僅不美觀,而且還會影響代碼的可讀性。因此,需要學(xué)會如何將長字符串整體換行。
background-image: url("https://www.example.com/image.png"); font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
在上面的代碼中,background-image和font-family都是含有長字符串的屬性。我們可以在字符串中間加上空格或者換行符,讓字符串分成幾行。這樣做不會影響代碼的功能,但會使代碼更加美觀、易于讀寫。
background-image: url("https://www.example.com/ image.png"); font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
當(dāng)然,我們也可以將整個CSS屬性值放在一行里,只需要在末尾加上反斜杠,再另起一行寫下另一個屬性就可以了。
background-image: url("https://www.example.com/image. png");font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
這樣寫也是可以的,但不太易于閱讀。應(yīng)該根據(jù)實際情況來選擇一種合適的方式。
上一篇css長度可以不寫單位嗎
下一篇css頁面滾動