css 中的“@”符號用于引入指令和規則,包括規則集(定義樣式)和指令(設置與樣式無關的規則,例如導入樣式表)。如:@import、@media、@keyframes。
CSS中的“@”符號
在層疊樣式表 (CSS) 中,“@”符號是一個特殊字符,它有特定的用途。
用途:
“@”符號在 CSS 中用于引入各種指令和規則,包括:
規則集:以“@”開頭,用來定義一組應用于特定元素或選擇器的樣式。
指令:以“@”開頭,但后面沒有大括號,用來設置與樣式無關的規則,例如導入外部樣式表或定義變量。
語法:
“@”符號后面緊跟一個指令或規則,通常是緊跟一個關鍵字。例如:
@import
:導入外部樣式表文件
@media
:創建媒體查詢,在特定條件下應用樣式
@keyframes
:定義 CSS 動畫的關鍵幀
示例:
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">@import "styles.css"; @media (min-width: 768px) { body { font-size: 1.2rem; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } }</code>
登錄后復制
注意事項:
“@”符號總是以小寫字母開頭。
“@”符號后的指令或規則必須以分號 (;) 結尾。
“@”符號后的關鍵字和規則是區分大小寫的。