首頁  >  文章  >  web前端  >  如何將css檔案設定為utf-8

如何將css檔案設定為utf-8

青灯夜游
青灯夜游原創
2022-01-20 18:43:194446瀏覽

在css中,可以利用“@charset”規則來將字元編碼設定為“utf-8”,該規則可以指定樣式檔案中使用的字元編碼,語法為“@charset "UTF-8 ";」;「@charset」規則必須是樣式表中的第一個元素,前面不得有任何字元。

如何將css檔案設定為utf-8

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

在css中,可以利用「@charset」規則來將字元編碼設定為「utf-8」。

@charset 屬性指定樣式檔案(.css 後綴)中使用的字元編碼,且只能在 CSS 檔案中使用。

它必須是樣式表中的第一個元素,而前面不得有任何字符,就連註釋也不行。

如果有多個 @charset 規則被聲明,只有第一個會被使用,而且不能在 HTML 元素或 HTML 頁面的中使用,即不能在 c9ccee2e6ea535a969eb3f532ad9fe89 元素內使用。

註:@charset規則不能在HTML頁面的字元集相關的c9ccee2e6ea535a969eb3f532ad9fe89元素中使用。

在「@charset」之後,指定字元編碼的名稱(在引號中),語法為:

@charset "字符集名";

說明該字元集名稱是區分大小寫的,但對於新樣式表,它應始終為UTF-8。它必須是IANA註冊表中定義的Web安全字元編碼的名稱。

範例1:以下@charset聲明表示樣式表使用UTF-8字元編碼:

@charset "UTF-8";

範例2:下面的清單描述了錯誤的字元集編碼:

@charset 'iso-8859-15'; /* 使用了错误的引用样式,因此它无效*/
@charset  UTF-8;   /* 无效,因为字符编码名称未包含在引号中*/
@charset  "UTF-8"; /*多个空格无效 */
 @charset "UTF-8";/* 无效,在规则之前有一个字符(空格)*/

說明:如果在樣式表中使用的特殊字元無法在樣式表中指定的字元編碼中進行表示,則可以使用「字元轉義」來轉義字元。

(學習影片分享:css影片教學

以上是如何將css檔案設定為utf-8的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn