Apakah jenis helaian gaya css yang ada? Apakah keutamaan pemilih?-Soal Jawab bahagian hadapan-php.cn

Terdapat tiga jenis helaian gaya css: helaian gaya sebaris, helaian gaya dalaman dan helaian gaya luaran. Keutamaan pemilih ialah: "Pemilih universal>Pemilih elemen>Pemilih kelas>Pemilih atribut>Pemilih ID kelas pseudo>Gaya sebaris".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Apakah jenis helaian gaya css?

Mengikut kedudukan di mana gaya CSS ditulis (atau cara ia diperkenalkan), helaian gaya CSS boleh dibahagikan kepada tiga kategori berikut:

1. Helaian gaya sebaris

Gaya sebaris adalah untuk meletakkan gaya CSS secara langsung dalam baris kod Ia biasanya diletakkan dalam atribut gaya teg terus dimasukkan ke dalam teg, ia adalah kaedah yang paling langsung, dan ia juga merupakan gaya yang paling menyusahkan untuk diubah suai.

Contoh:

行内元素，控制段落-1

Salin selepas log masuk 2. Helaian gaya dalaman

Helaian gaya dalaman terkandung dalam teg , teg mewakili helaian gaya dalaman.

Jika dokumen web mengandungi berbilang teg itu bermakna dokumen itu mengandungi berbilang helaian gaya dalaman.

Contoh:

div { color: blue; font-size: 16px; } Salin selepas log masuk 3. Helaian gaya luaran

Jika gaya CSS diletakkan dalam fail di luar dokumen web, ia adalah. dipanggil helaian gaya Luaran, dokumen helaian gaya CSS mewakili helaian gaya luaran.

Malah, helaian gaya luaran ialah fail teks dengan sambungan .css. Apabila anda menyalin kod gaya CSS ke dalam fail teks dan menyimpannya sebagai fail .css, ia adalah helaian gaya luaran.

Dalam halaman HTML, gunakan pautan <

Salin selepas log masuk Gaya sebaris > Helaian gaya luar Helaian gaya luaran > , jadi saya memetiknya daripada tutorial pemula Keutamaan ialah keputusan penyemak imbas dan aplikasi pada elemen dengan menilai nilai atribut mana yang paling berkaitan dengan elemen. Keutamaan ditentukan hanya oleh peraturan padanan yang terdiri daripada pemilih.

Keutamaan ialah pemberat yang diberikan kepada pengisytiharan CSS yang ditentukan, yang ditentukan oleh nilai setiap jenis pemilih dalam pemilih yang sepadan.

Apakah keutamaan pemilih?

Berikut ialah senarai pemilih dengan keutamaan yang semakin meningkat: Pemilih universal (*)

Pemilih elemen (jenis )

Pemilih Kelas Pemilih Atribut Pseudo-Class Pemilih ID Gaya Sebaris !penting pengecualian peraturan Apabila peraturan !important digunakan pada perisytiharan gaya, perisytiharan gaya mengatasi sebarang perisytiharan lain dalam CSS, tidak kira di mana ia berada dalam senarai perisytiharan Walau bagaimanapun, peraturan !important tiada kaitan dengannya keutamaan. Menggunakan !important bukanlah amalan yang baik kerana ia mengubah peraturan cascading asal lembaran gaya anda, menjadikannya sukar untuk nyahpepijat. Beberapa peraturan praktikal: Sentiasa

Untuk mengoptimumkan pertimbangkan untuk menggunakan keutamaan peraturan gaya untuk menyelesaikan masalah dan bukannya

!important Jangan sekali-kali dalam css anda Jangan sekali-kali gunakan !important dalam pemalam anda Pengiraan berat: !important Penjelasan: 1. Berat helaian gaya sebaris adalah sehingga 1000; !important 2. Berat pemilih ID ialah 100 3. Berat pemilih kelas Kelas ialah 10 4. Berat pemilih teg HTML ialah 1

Gunakan berat pemilih untuk mengira dan membandingkan. em memaparkan biru, contohnya adalah seperti berikut: https://c.runoob.com/codedemo/3048

Peraturan keutamaan CSS: A Pemilih mempunyai pemberat, semakin besar beratnya, keutamaannya; B Apabila pemberat adalah sama, helaian gaya yang muncul kemudian Tetapan harus diutamakan daripada tetapan helaian gaya yang muncul dahulu; C Peraturan pencipta adalah lebih tinggi daripada peraturan penonton: iaitu gaya CSS yang ditetapkan oleh penulis halaman web mempunyai keutamaan berbanding gaya yang ditetapkan oleh pelayar; D Gaya CSS yang diwarisi tidak sebaik gaya CSS yang dinyatakan kemudian; ; contoh adalah seperti berikut: https://c.runoob com/codedemo/3049 Keputusan: Dipaparkan sebagai warna merah di bawah IE 6; rajah perhubungan berat diperkenalkan di sini: (Mempelajari perkongsian video: tutorial video css )