Apakah Tujuan Simbol `@` dalam CSS?

@ Simbol dalam CSS: Mendedahkan Tujuannya

Soalan:

Menghadapi notasi yang tidak dikenali dalam CSS, pembangun bingung dengan penggunaan simbol @, terutamanya dalam @font-face pengisytiharan. Adakah ini tambahan baru-baru ini kepada CSS3 atau ciri yang telah lama diabaikan serupa dengan ID dan kelas?

Jawapan:

Simbol @ telah menjadi bahagian penting CSS sejak permulaannya dengan @import dalam CSS1. Walau bagaimanapun, kelazimannya telah berkembang dengan kemunculan @media dan @font-face masing-masing dalam CSS2 dan CSS3. Binaan ini dikenali sebagai at-rules dalam CSS.

At-rules ialah arahan khas untuk penyemak imbas yang melangkaui elemen HTML gaya. Mereka memainkan peranan penting dalam mengawal cara gaya digunakan dan memenuhi tugasan tertentu.

Contoh At-Rules:

@import: Mengimport helaian gaya lain dari dalam helaian gaya.

@media: Berlaku gaya secara selektif berdasarkan ciri media (cth., cetakan, peranti mudah alih).

@font-face: Mentakrifkan fon tersuai untuk digunakan dalam reka bentuk, membolehkan muat turun penyemak imbas fon dan pemaparan teks dalam tersuai cara.

Ciri-Ciri Terbeza bagi At-Rules:

Tidak seperti pemilih, at-rules tidak mempunyai hubungan dengan elemen. Sifat mereka yang pelbagai telah membawa kepada definisi yang berbeza-beza merentas berbilang modul CSS. Contoh peraturan-peraturan lain termasuk:

• Peraturan bersyarat
• Animasi bingkai kunci
• Media halaman

Kesimpulan:

Simbol @ dalam CSS menandakan at-rules, arahan khas yang membimbing tingkah laku penyemak imbas melebihi penggayaan. Mereka melaksanakan tugas seperti mengimport helaian gaya, mengawal penggayaan khusus media dan menentukan fon tersuai. At-rules ialah aspek penting CSS, mengembangkan keupayaannya dan membolehkan lebih fleksibiliti dalam reka bentuk tapak web.

Atas ialah kandungan terperinci Apakah Tujuan Simbol `@` dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!