Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah fungsi tag kelas dalam css

Apakah fungsi tag kelas dalam css

藏色散人
Lepaskan: 2023-02-01 09:38:05
asal
2984 orang telah melayarinya

Kelas dalam CSS bukan teg, tetapi pemilih kelas, yang fungsinya adalah untuk menentukan gaya semua elemen kelas sebelum menggunakan pemilih kelas, anda perlu mengubah suai teg dokumen tertentu supaya pemilih kelas boleh berfungsi dengan betul ; dan untuk mengaitkan gaya pemilih kelas dengan elemen, kelas mesti dinyatakan sebagai nilai yang sesuai.

Apakah fungsi tag kelas dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3, komputer DELL G3

Apakah peranan tag kelas dalam css?

Kelas dalam css bukan label, tetapi pemilih kelas.

kelas ialah pemilih kelas yang membenarkan gaya ditentukan dengan cara yang bebas daripada elemen dokumen.

Sebelum menggunakan pemilih kelas, penanda dokumen tertentu perlu diubah suai supaya pemilih kelas berfungsi dengan betul.

Untuk mengaitkan gaya pemilih kelas dengan elemen, kelas mesti dinyatakan sebagai nilai yang sesuai. Lihat kod HTML berikut:

<h1 class="important"> This heading is very important. </h1> <p class="important"> This paragraph is very important. </p>
Salin selepas log masuk

Dalam kod di atas, kelas dua elemen dinyatakan sebagai penting: tajuk pertama (elemen h1) dan perenggan kedua (elemen p).

Apakah fungsi tag kelas dalam css

Pengenalan berkaitan:

Apabila nilai kelas mengandungi perkataan. Dalam HTML, nilai kelas mungkin mengandungi senarai perkataan yang dipisahkan oleh ruang.

Contohnya: Jika anda ingin menandakan elemen tertentu sebagai penting dan amaran pada masa yang sama, anda boleh menulis:

;/p> Urutan kedua-dua perkataan ini tidak penting, ia juga boleh ditulis sebagai amaran penting.

Anggapkan bahawa semua elemen dengan kelas penting adalah tebal, dan semua elemen dengan amaran kelas adalah condong Semua elemen yang mengandungi kedua-dua penting dan amaran dalam kelas juga mempunyai latar belakang perak.

boleh ditulis sebagai: .penting {font-weight:bold;} .warning {font-weight:italic;} .important.warning {background:silver;} dengan memautkan dua pemilih kelas bersama , hanya elemen yang mengandungi kedua-dua nama kelas ini boleh dipilih (urutan nama kelas tidak terhad).

Pembelajaran yang disyorkan: "tutorial video css"

Atas ialah kandungan terperinci Apakah fungsi tag kelas dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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