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

104 阅读 0 评论 69 点赞

我是靠谱客的博主机灵蜗牛，最近开发中收集的这篇文章主要介绍如何将css文件设置为utf-8，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

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

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

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

如果有多个 @charset 规则被声明，只有第一个会被使用，而且不能在 HTML 元素或 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的详细内容，更多请关注靠谱客其它相关文章！