CSS中的@规则

官方叫at-rule
国内叫@规则、@语句、CSS语句、CSS指令

1.导入另外一个css文件-import

@import "路径";

以前我们引入css文件一般是这样的

<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="index.css">

现在我们完全可以使用@规则引入重置样式,这样整个HTML文件link的css就会少很多

@import "reset.css";

由于css渲染的时候也是自上而下的,在index.css里面应用@规则,会先渲染reset.css,等到reset.css完全渲染完毕后再渲染index.css

如何验证@规则生效?

Chrome浏览器按F12->Network->CSS,如下图即验证成功
验证css是否完导入

2. charset

@charset "utf-8";

告诉浏览器该css文件,使用的字符集是utf-8,且必须写在CSS文件的第一行否则报错!!!
特殊符号必须在css中声明charset,如果css中有中文建议写上charset,避免不必要的问题

如果您发现文章中有不妥之处请与我联系,我将感激不尽
转载著明:sayc.cc 菠萝吹雪的博客

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×