css代码里面前面有一句@charset "utf-8";是什么意思??

html-css09

css代码里面前面有一句@charset "utf-8";是什么意思??,第1张

表明CSS文件的页面编码为UTF-8。。如果这个CSS的文件编码也是UTF-8的话。。那么在浏览器中看到的CSS文件的页面中中文的注释或者中文字体就可以正确显示为中文,如果CSS的文件编码和页面不一致的话。那么这个CSS文件的中文则会显示为乱码。。特别是定义中文字体的时候。就不能正确识别。。其他则没有多大影响。。

从图中看,样式改变可能是因为编码不一致,导致至少font-family那一行读出的是无效值,然后按照浏览器默认样式显示出来。

呼吁各位在知道回答的童鞋,如果不太懂就不要乱回答,刷积分确实很重要,但还是希望能帮助维持知道这个平台的整洁。

外部CSS文件的扩展名就为css,比如:index.css、common.css等

在HTML文件当中引入CSS文件的时候,使用:

<link rel="stylesheet" href="此处书写路径,html文件与css文件的路径关系">

此外,如果是用外部书写CSS的话,CSS文件顶部需要增加这句代码,用于设置CSS字符编码:

@charset "utf-8"

PS:自学HTML和CSS的话,建议借助书籍学习,会更快,也会更有实战性,推荐《HTML5布局之路》很适合新手