CSS 中的“@”符号用于引入指令和规则，包括规则集（定义样式）和指令（设置与样式无关的规则，例如导入样式表）。如：@import、@media、@keyframes。
CSS中的“@”符号
在层叠样式表 (CSS) 中，“@”符号是一个特殊字符，它有特定的用途。
用途：
“@”符号在 CSS 中用于引入各种指令和规则，包括：
立即学习“前端免费学习笔记（深入）”；
TP-COUPON 导购系统 免费版
下载
自从百度屏蔽淘宝客网站、淘宝抛弃淘宝客之后，个人站长集体陷入了恐慌之中。此时，什么值得买网的异军突起引起了广大个人站长的极大关注。做一个什么值得买一样的导购网站成了众多个人站长的一致心愿！ TP-COUPON 导购系统 即是让个人站长实现此心愿的绝佳选择！ 欢迎个人站长选用。V1.1版 更新记录：1.修正请求时查询淘宝店铺错误的bug2.删除一些无用的代码
- 规则集：以“@”开头，用来定义一组应用于特定元素或选择器的样式。
- 指令：以“@”开头，但后面没有大括号，用来设置与样式无关的规则，例如导入外部样式表或定义变量。
语法：
“@”符号后面紧跟一个指令或规则，通常是紧跟一个关键字。例如：
-
@import：导入外部样式表文件 -
@media：创建媒体查询，在特定条件下应用样式 -
@keyframes：定义 CSS 动画的关键帧
示例：
@import "styles.css";
@media (min-width: 768px) {
body {
font-size: 1.2rem;
}
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}注意事项：
- “@”符号总是以小写字母开头。
- “@”符号后的指令或规则必须以分号 (;) 结尾。
- “@”符号后的关键字和规则是区分大小写的。
