css中@是什麼意思

CSS 中的「@」符號用於引入指令和規則，包括規則集（定義樣式）和指令（設定與樣式無關的規則，例如匯入樣式表）。如：@import、@media、@keyframes。

CSS中的「@」符號

在層疊樣式表(CSS) 中，「@」符號是一個特殊字符，它有特定的用途。

使用：

「@」符號在CSS 中用於引入各種指令和規則，包括：

• 規則集：以「@」開頭，用來定義一組套用於特定元素或選擇器的樣式。
• 指令：以「@」開頭，但後面沒有大括號，用來設定與樣式無關的規則，例如匯入外部樣式表或定義變數。

語法：

「@」符號後面緊跟著一個指令或規則，通常是緊跟著一個關鍵字。例如：

• @import：匯入外部樣式表檔案
• #@media：建立媒體查詢，在特定條件下套用樣式
• @keyframes：定義CSS 動畫的關鍵影格

#範例：

<code class="css">@import "styles.css";

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

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

注意事項：

• “@”符號總是以小寫字母開頭。
• “@”符號後的指令或規則必須以分號 (;) 結尾。
• “@”符號後的關鍵字和規則是區分大小寫的。

以上是css中@是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！