Apakah jenis helaian gaya css yang ada? Apakah keutamaan pemilih?

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:

<p style="background-color: #999900">行内元素，控制段落-1</p>

2. Helaian gaya dalaman

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

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

Contoh:

<style>
div {
color: blue;
font-size: 16px;
}
</style>

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 e70ada9a76342a44b54b4c80d2557b45 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

!importantJangan sekali-kali dalam css anda Jangan sekali-kali gunakan
• !important dalam pemalam anda Pengiraan berat:
•  !importantPenjelasan:
• 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

)

Atas ialah kandungan terperinci Apakah jenis helaian gaya css yang ada? Apakah keutamaan pemilih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!