css教程如何将css文件设置为utf-8

在css中，可以利用“@charset”规则来将字符编码设置为“utf-8”，该规则可以指定样式文件中使用的字符编码，语法为“@charset "UTF-8";”；“@charset”规则必须是样式表中的第一个元素，前面不得有任何字符。

前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中，可以利用“@charset”规则来将字符编码设置为“utf-8”。

@charset 属性指定样式文件(.css 后缀)中使用的字符编码，且只能在 CSS 文件中使用。

它必须是样式表中的第一个元素，而前面不得有任何字符，就连注释也不行。

如果有多个 @charset 规则被声明，只有第一个会被使用，而且不能在 HTML 元素或 HTML 页面的中使用，即不能在 <style> 元素内使用。

注：@charset规则不能在HTML页面的字符集相关的<style>元素中使用。

在“@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的详细内容，更多请关注zzsucai.com其它相关文章！