CSS可以通過設(shè)置語(yǔ)言屬性為網(wǎng)頁(yè)指定語(yǔ)言。語(yǔ)言屬性是HTML文檔的一個(gè)屬性,用于指定當(dāng)前文本的語(yǔ)言。 Web語(yǔ)言屬性由兩部分組成:語(yǔ)言代碼和國(guó)家/地區(qū)代碼。?
lang="languageCode-CountryCode"
例如:
lang="en-US"代表英語(yǔ)美國(guó)。
在CSS樣式表中設(shè)置語(yǔ)言屬性,可以針對(duì)不同語(yǔ)言設(shè)置不同樣式。下面是一個(gè)示例:
p[lang="en-US"] { font-family: Arial, sans-serif; font-size: 16px; color: #333; } p[lang="zh-CN"] { font-family: "微軟雅黑", "Microsoft YaHei", sans-serif; font-size: 14px; color: #666; }
這個(gè)CSS代碼對(duì)文本的語(yǔ)言進(jìn)行了兩個(gè)樣式設(shè)置:針對(duì)使用英語(yǔ)美國(guó)的用戶,文本將以16px大小的Arial字體及#333顏色渲染。對(duì)于使用簡(jiǎn)體中文的用戶,將顯示14px微軟雅黑字體及#666顏色。
需要注意的是,CSS樣式中設(shè)置的語(yǔ)言屬性必須與HTML中的一致。否則瀏覽器將無法正常識(shí)別此樣式。因此,在HTML文檔的標(biāo)簽中也需要設(shè)置相應(yīng)的語(yǔ)言屬性:
CSS語(yǔ)言屬性示例 這是英文文本,例如hello world!
這是中文文本,例如你好世界!
在這個(gè)例子中,用戶的瀏覽器將使用HTML中的語(yǔ)言屬性來解析CSS樣式表中的類和ID。HTML中的語(yǔ)言屬性將與CSS樣式表中的屬性進(jìn)行匹配,從而為不同語(yǔ)言的文本設(shè)置不同的樣式。