CSS 單雙引號應用規範

CSS中，單雙引號只要合理巢狀，都是合法的，本規範推薦採用雙引號。

一.屬性選擇器的值使用雙引號：

屬性選擇器中的值必須用雙引號包圍，程式碼片段如下：

[CSS] 純文字檢視 複製程式碼
div[ant="mayi"] {
  color:red;
  font-size:14px;
}

二.背景圖片url地址使用雙引號：

首先看如下CSS程式碼片段：

[CSS] 純文字檢視 複製程式碼
div { 
  background-image: url("../images/toutiao.png") ;
  color: red;
}

url()中的背景圖片地址需要用雙引號包括，這主要考慮到低版本IE瀏覽器相容性問題。

如果路徑裡面有空格， 低版本IE瀏覽器無法識別，會導致路徑失效，可以使用引號消除此問題。

三.font-family字型名用引號包裹：

首先看一段簡單程式碼片段：

[CSS] 純文字檢視 複製程式碼
body { font-family: 'Microsoft YaHei', '黑體-簡', '\5b8b\4f53'; }

當字型名字中間有空格，中文名字型及 Unicode 字元編碼表示的中文字型，為相容性，字型兩端新增雙引號。