首页 >web前端 >前端问答 >css如何进行编码设置

css如何进行编码设置

醉折花枝作酒筹
醉折花枝作酒筹原创
2021-04-21 16:17:163286浏览

在css中,可以使用“@charset”规则进行字符编码,只需要在css文件顶部设置“@charset "字符编码"”即可。“@charset”规则指定样式表中使用的字符编码,且必须是样式表中的第一个元素,不能以任何字符开头。

css如何进行编码设置

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

在外部css文件的顶部,写入下面代码: @charset "UTF-8";

 @charset CSS @规则  指定样式表中使用的字符编码。它必须是样式表中的第一个元素,而前面不得有任何字符。因为它不是一个嵌套语句,所以不能在@规则条件组中使用。如果有多个 @charset @规则被声明,只有第一个会被使用,而且不能在HTML元素或HTML页面的字符集相关 c9ccee2e6ea535a969eb3f532ad9fe89 元素内的样式属性内使用。

此 @规则 在某些 CSS 属性中使用非 ASCII 字符时非常有用,例如 content。

在样式表中有多种方法去声明字符编码,浏览器会按照以下顺序尝试下边的方法(一旦找到就停止并得出结果):

文件的开头的 Unicode byte-order 字符值。由Content-Type:HTTP header 中的 charset 属性给出的值或用于提供样式表的协议中的等效值。CSS @规则  @charset。

@charset "UTF-8";
@charset "utf-8"; /*大小写不敏感*/
/* 设置css的编码格式为Unicode UTF-8 */
@charset 'iso-8859-15'; /* 无效的, 使用了错误的引号 */
@charset 'UTF-8';       /* 无效的, 使用了错误的引号 */
@charset  "UTF-8";      /* 无效的, 多于一个空格 */
 @charset "UTF-8";      /* 无效的, 在at-rule之前多了一个空格 */
@charset UTF-8;         /* Invalid, without &#39; or ", the charset is not a CSS <string> */

推荐学习:css视频教程

以上是css如何进行编码设置的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn