Rumah > hujung hadapan web > tutorial css > Gunakan CSS Selectors Cleverly_Experience Exchange

Gunakan CSS Selectors Cleverly_Experience Exchange

WBOY
Lepaskan: 2016-05-16 12:05:40
asal
1462 orang telah melayarinya

Gaya pautan dalam blok kandungan yang berbeza boleh ditakrifkan melalui peraturan yang berbeza. Sesuatu seperti ini: #nav a:link atau #main a:link atau #footer a:link. Anda juga boleh menentukan gaya yang berbeza untuk elemen yang sama dalam blok kandungan yang berbeza. Sebagai contoh, tentukan gaya #main p dan #sider p masing-masing melalui #main p dan #sider p. Dari segi struktur, halaman anda terdiri daripada gambar, pautan, senarai, perenggan, dsb. Elemen ini sendiri tidak menjejaskan peranti rangkaian yang mana ia dipaparkan (PDA, telefon mudah alih atau TV Internet Ia boleh ditakrifkan sebagai Sebarang penampilan prestasi).

Halaman HTML yang disusun dengan teliti adalah sangat mudah, dan setiap elemen digunakan untuk tujuan struktur. Apabila anda ingin menginden perenggan, anda tidak perlu menggunakan teg blokquote Hanya gunakan teg p dan tambah peraturan inden teks CSS ke p untuk mencapai tujuan inden. p ialah teg berstruktur dan inden teks ialah atribut pembentangan Yang pertama adalah milik HTML dan yang kedua adalah milik CSS. (Ini ialah pemisahan legenda struktur dan prestasi)

Hampir tiada teg atribut prestasi dalam halaman HTML yang tersusun dengan baik. Kod ini sangat bersih dan ringkas. Contohnya, kod asal

kini hanya boleh menulis
dalam HTML, dan semua perkara yang mengawal prestasi ditulis dalam CSS Dalam HTML berstruktur, jadual ialah jadual, bukan apa-apa lagi (apatah lagi digunakan untuk reka letak dan kedudukan).

Sudah tentu, pemilih CSS bukan semudah itu Selain id dan kelas, terdapat juga pemilih keturunan, pemilih atribut, dll.
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan