在 CSS 中，“@”符號(hào)起到一種特殊的作用，用于表示一條指令或規(guī)則。 @import, @charset 和 @media 是常用的 @ 規(guī)則。然而，“@”符號(hào)也可以用于 @keyframes 和 @font-face，這兩個(gè)規(guī)則對(duì)于實(shí)現(xiàn)動(dòng)畫(huà)效果和加載自定義字體非常有用。

而“@”符號(hào)后面還可以加一個(gè)稱(chēng)為“at-rule”的關(guān)鍵字。例如，“@media”規(guī)則可以有許多可選的關(guān)鍵字，例如“print”，“screen”和“speech”等，這些關(guān)鍵字表示規(guī)則適用于特定設(shè)備或場(chǎng)景。

但是，群里還使用 @-notation 來(lái)提到 CSS，表明一些特殊的 CSS 屬性，例如“@font-face”和“@keyframes”的使用方式。這種標(biāo)記方式有助于人們快速識(shí)別這些特殊的屬性，進(jìn)而更好地理解 CSS 代碼的含義和用法。

/* 添加一個(gè)自定義字體 */
@font-face {
font-family: 'Jane-Regular';
src: url('../fonts/Jane-Regular.ttf');
}
/* 定義一個(gè)動(dòng)畫(huà) */
@keyframes slidein {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
/* 應(yīng)用動(dòng)畫(huà) */
.slide-in {
animation: slidein 1s ease-out;
}

除了提供了一種更好的閱讀 CSS 代碼的方式，還使用“@”符號(hào)來(lái)提到 CSS 屬性對(duì)于描述和組織 CSS 代碼也非常有用。例如，我們可以使用 @media 規(guī)則來(lái)定義所有針對(duì)打印機(jī)設(shè)備的樣式，使用 @font-face 規(guī)則來(lái)定義所有自定義字體的樣式，使用 @keyframes 規(guī)則來(lái)定義所有動(dòng)畫(huà)效果的樣式等等。

總之，雖然使用 @-notation 語(yǔ)法并不是 CSS 編程的必需品，但它確實(shí)可以幫助人們理解和整理他們的 CSS 代碼。