css設(shè)置文件編碼的方法

這篇文章給大家分享的是有關(guān)css設(shè)置文件編碼的方法的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

什么是css

css是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言，主要是用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的樣式，使網(wǎng)頁(yè)更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語(yǔ)言，并且css樣式可以直接存儲(chǔ)于HTML網(wǎng)頁(yè)或者單獨(dú)的樣式單文件中，而樣式規(guī)則的優(yōu)先級(jí)由css根據(jù)這個(gè)層次結(jié)構(gòu)決定，從而實(shí)現(xiàn)級(jí)聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁(yè)，也可以配合各種腳本對(duì)于網(wǎng)頁(yè)進(jìn)行格式化。

在css中，可以使用“@charset”規(guī)則來(lái)設(shè)置編碼，語(yǔ)法格式“@charset "字符編碼類型";”。“@charset”規(guī)則可以指定樣式表中使用的字符編碼，它必須是樣式表中的第一個(gè)元素，并且不能以任何字符開頭。

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

在css中，可以使用“@charset”規(guī)則來(lái)設(shè)置編碼。

CSS @charset 規(guī)則

@charset 規(guī)則指定樣式表中使用的字符編碼。

@charset 規(guī)則必須是樣式表中的第一個(gè)元素，并且不能以任何字符開頭。如果定義了多個(gè) @charset 規(guī)則，則僅使用第一個(gè)。 @charset 規(guī)則不能在 style 屬性內(nèi)（在 HTML 元素上）或在與 HTML 頁(yè)面的字符集相關(guān)的 <style> 元素內(nèi)使用。

在“@charset”之后，指定字符編碼的名稱（在引號(hào)中）。例如：

@charset "utf-8";

注：@charset規(guī)則不能在HTML頁(yè)面的字符集相關(guān)的<style>元素中使用。

語(yǔ)法：

@charset "字符集名";

說(shuō)明該字符集名稱是區(qū)分大小寫的，但對(duì)于新樣式表，它應(yīng)始終為UTF-8。它必須是在IANA注冊(cè)表中定義的Web安全字符編碼的名稱。

瀏覽器支持：

所有主流瀏覽器都支持@charset規(guī)則

CSS @charset規(guī)則的簡(jiǎn)單示例

示例1：以下@charset聲明表明樣式表使用ISO-8859-15字符編碼：

@charset "ISO-8859-15";

示例2：下面的列表描述了錯(cuò)誤的字符集編碼：

@charset 'iso-8859-15'; /* 使用了錯(cuò)誤的引用樣式，因此它無(wú)效*/
@charset  UTF-8;   /* 無(wú)效，因?yàn)樽址幋a名稱未包含在引號(hào)中*/
@charset  "UTF-8"; /*多個(gè)空格無(wú)效 */
@charset "UTF-8";/* 無(wú)效，在規(guī)則之前有一個(gè)字符（空格）*/

說(shuō)明：如果在樣式表中使用的特殊字符無(wú)法在樣式表中指定的字符編碼中進(jìn)行表示，則可以使用“字符轉(zhuǎn)義”來(lái)轉(zhuǎn)義字符。

感謝各位的閱讀！關(guān)于“css設(shè)置文件編碼的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！