css中@是什么意思

css 中的“@”符号用于引入指令和规则，包括规则集（定义样式）和指令（设置与样式无关的规则，例如导入样式表）。如：@import、@media、@keyframes。

CSS中的“@”符号

在层叠样式表 (CSS) 中，“@”符号是一个特殊字符，它有特定的用途。

用途：

“@”符号在 CSS 中用于引入各种指令和规则，包括：

• 规则集：以“@”开头，用来定义一组应用于特定元素或选择器的样式。
• 指令：以“@”开头，但后面没有大括号，用来设置与样式无关的规则，例如导入外部样式表或定义变量。

语法：

“@”符号后面紧跟一个指令或规则，通常是紧跟一个关键字。例如：

• @import：导入外部样式表文件
• @media：创建媒体查询，在特定条件下应用样式
• @keyframes：定义 CSS 动画的关键帧

示例：

<code class="&lt;a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css"&gt;@import "styles.css";

@media (min-width: 768px) {
  body {
    font-size: 1.2rem;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}</code>

注意事项：

• “@”符号总是以小写字母开头。
• “@”符号后的指令或规则必须以分号 (;) 结尾。
• “@”符号后的关键字和规则是区分大小写的。

以上就是css中@是什么意思的详细内容，更多请关注编程网其它相关文章！