欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css如何进行编码设置

程序员文章站 2022-03-19 08:58:33
...

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

css如何进行编码设置

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

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

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

此 @规则 在某些 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 ' or ", the charset is not a CSS <string> */

推荐学习:css视频教程

以上就是css如何进行编码设置的详细内容,更多请关注其它相关文章!

相关标签: css 编码