at-rule 是一種 CSS 的擴充規則。
他的長相是 ＠ㄧ個關鍵字，稱為 "標識符"，
每個 "標識符" 規則有個自的"說明"，有不同語法和定義，去告訴 CSS 表現或如何行為。
https://developer.mozilla.org/en-US/docs/Web/CSS/At-rule
常看到的 e.g.
@charset - 定義樣式表使用的字符集。
@import - 匯入外部樣式表
@media - 媒體查詢
@supports - CSS 屬性支援查詢
@font-face - 下載外部字體
@keyframes - 描述 CSS 動畫。
@viewport - 介紹小屏幕設備視口的各個方面
etc...