Rumah >hujung hadapan web >tutorial css >Apakah Peraturan-Peraturan CSS dan Bagaimana Ia Memanjangkan Fungsi CSS?

Apakah Peraturan-Peraturan CSS dan Bagaimana Ia Memanjangkan Fungsi CSS?

Barbara Streisand
Barbara Streisandasal
2024-11-28 12:50:10928semak imbas

What are CSS At-Rules and How Do They Extend CSS Functionality?

Memahami Tujuan Simbol '@' dalam CSS

Simbol "@" dalam CSS telah mendapat perhatian sejak kebelakangan ini, mencetuskan rasa ingin tahu antara pembangun yang mungkin tidak menemuinya lebih awal. Simbol ini, yang dikenali secara tidak rasmi sebagai "peraturan-peraturan," memainkan peranan penting dalam mengawal cara gaya digunakan dalam CSS.

Latar Belakang Sejarah

"@" telah hadir dalam CSS sejak awalnya dalam CSS1, di mana ia digunakan terutamanya untuk peraturan "@import". Dengan pengenalan CSS2 dan CSS3, ia mendapat pengiktirafan yang lebih luas dalam binaan "@media" dan "@font-face".

Tujuan At-Rules

At-rules ialah arahan khas untuk penyemak imbas yang melangkaui penggayaan elemen HTML/XML. Ia menyediakan mekanisme untuk mengawal pelbagai aspek CSS, termasuk:

  • Mengimport helaian gaya (@import): Ini membolehkan anda memasukkan kod CSS tambahan daripada fail lain ke dalam helaian gaya anda.
  • Memohon gaya khusus media (@media): Dengan pertanyaan media, anda boleh menyasarkan jenis media tertentu (cth., cetak, mudah alih) dan menggunakan gaya secara terpilih berdasarkan itu kriteria.
  • Mentakrifkan fon tersuai (@font-face): Ini membolehkan anda membenamkan fon web tersuai yang mungkin tidak tersedia secara asli pada semua komputer, memastikan pemaparan fon yang konsisten merentas peranti.

Melebihi Pemilih

Tidak seperti pemilih, yang menyasarkan elemen HTML/XML tertentu, at-rules beroperasi pada tahap yang berbeza. Mereka mengawal cara gaya digunakan dan ditafsirkan oleh penyemak imbas.

Peraturan Peraturan Tambahan

Selain peraturan peraturan yang biasa digunakan yang dinyatakan di atas, terdapat banyak jenis lain yang ditakrifkan dalam CSS, termasuk:

  • Peraturan bersyarat (@jika, @else)
  • Animasi keyframe (@keyframes)
  • Media halaman (@halaman)

Kesimpulan

The Simbol "@" dalam CSS ialah alat serba boleh yang membolehkan pembangun memanjangkan fungsi dan kawalan lembaran gaya. Memahami tujuan dan penggunaan at-rules adalah penting untuk mencipta kod CSS yang canggih dan cekap yang memenuhi pelbagai senario dan peranti.

Atas ialah kandungan terperinci Apakah Peraturan-Peraturan CSS dan Bagaimana Ia Memanjangkan Fungsi CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn