在css中，可以使用“@charset”規(guī)則進(jìn)行字符編碼，只需要在css文件頂部設(shè)置“@charset "字符編碼"”即可?！癅charset”規(guī)則指定樣式表中使用的字符編碼，且必須是樣式表中的第一個(gè)元素，不能以任何字符開(kāi)頭。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

在外部css文件的頂部,寫(xiě)入下面代碼: @charset "UTF-8";

@charset CSS @規(guī)則 指定樣式表中使用的字符編碼。它必須是樣式表中的第一個(gè)元素，而前面不得有任何字符。因?yàn)樗皇且粋€(gè)嵌套語(yǔ)句，所以不能在@規(guī)則條件組中使用。如果有多個(gè) @charset @規(guī)則被聲明，只有第一個(gè)會(huì)被使用，而且不能在HTML元素或HTML頁(yè)面的字符集相關(guān) <style> 元素內(nèi)的樣式屬性內(nèi)使用。

此 @規(guī)則 在某些 CSS 屬性中使用非 ASCII 字符時(shí)非常有用，例如 content。

在樣式表中有多種方法去聲明字符編碼，瀏覽器會(huì)按照以下順序嘗試下邊的方法（一旦找到就停止并得出結(jié)果）：

文件的開(kāi)頭的 Unicode byte-order 字符值。由Content-Type：HTTP header 中的 charset 屬性給出的值或用于提供樣式表的協(xié)議中的等效值。CSS @規(guī)則 @charset。

@charset "UTF-8"; @charset "utf-8"; /*大小寫(xiě)不敏感*/ /* 設(shè)置css的編碼格式為Unicode UTF-8 */ @charset 'iso-8859-15'; /* 無(wú)效的, 使用了錯(cuò)誤的引號(hào) */ @charset 'UTF-8';       /* 無(wú)效的, 使用了錯(cuò)誤的引號(hào) */ @charset  "UTF-8";      /* 無(wú)效的, 多于一個(gè)空格 */  @charset "UTF-8";      /* 無(wú)效的, 在at-rule之前多了一個(gè)空格 */ @charset UTF-8;         /* Invalid, without ' or ", the charset is not a CSS <string> */

推薦學(xué)習(xí)：css視頻教程