Apakah maksud @ dalam css

Simbol "@" dalam CSS digunakan untuk memperkenalkan arahan dan peraturan, termasuk set peraturan (menentukan gaya) dan arahan (menetapkan peraturan yang tidak berkaitan dengan gaya, seperti mengimport helaian gaya). Seperti: @import, @media, @keyframes.

Simbol “@” dalam CSS

Dalam Helaian Gaya Cascading (CSS), simbol “@” ialah watak khas yang mempunyai tujuan tertentu.

Tujuan:

Simbol "@" digunakan dalam CSS untuk memperkenalkan pelbagai arahan dan peraturan, termasuk:

• Set Peraturan: Bermula dengan "@", ia digunakan untuk menentukan set arahan yang hendaklah digunakan pada elemen tertentu atau Gaya pemilih.
• Arahan: Bermula dengan "@" tetapi tidak diikuti oleh kurungan kerinting dan digunakan untuk menetapkan peraturan yang tidak berkaitan dengan gaya, seperti mengimport helaian gaya luaran atau menentukan pembolehubah.

Sintaks:

Simbol "@" diikuti dengan arahan atau peraturan, biasanya diikuti dengan kata kunci. Contohnya:

• @import: Import fail helaian gaya luaran @import：导入外部样式表文件
• @media：创建媒体查询，在特定条件下应用样式
• @keyframes
@media: Buat pertanyaan media untuk menggunakan gaya di bawah syarat tertentu

@keyframes: Tentukan kerangka utama untuk animasi CSS

Contoh:

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

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

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

Nota:
• Simbol "@" sentiasa bermula dengan huruf kecil.
• Arahan atau peraturan selepas simbol "@" mesti berakhir dengan koma bertitik (;).

🎜Kata kunci dan peraturan selepas simbol "@" adalah sensitif huruf besar-besaran. 🎜🎜

Atas ialah kandungan terperinci Apakah maksud @ dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!