Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Sifat css mana yang boleh diwarisi

Sifat css mana yang boleh diwarisi

PHPz
Lepaskan: 2023-04-24 09:39:29
asal
2140 orang telah melayarinya

Sifat CSS ialah satu set arahan yang boleh mengawal gaya halaman web. Dalam CSS, sesetengah sifat boleh diwarisi, bermakna ia boleh dihantar daripada satu elemen kepada anak-anaknya, manakala sesetengahnya tidak. Pewarisan sifat CSS ialah ciri CSS yang sangat berkuasa Ia boleh menjadikan kod CSS anda lebih ringkas dan lebih mudah untuk diuruskan, dan ia juga boleh meningkatkan prestasi tapak web. Artikel ini akan memperkenalkan sifat CSS yang boleh diwarisi.

  1. Atribut fon

Atribut fon ialah satu set atribut yang boleh mengawal gaya teks, termasuk saiz fon, warna fon, gaya fon, dsb. Antaranya, saiz fon dan warna fon boleh diwarisi, bermakna jika anda menetapkan saiz dan warna fon pada elemen induk, elemen anak juga akan mewarisi sifat ini.

Sebagai contoh, katakan anda mempunyai elemen induk yang saiz dan warna fonnya masing-masing ditetapkan kepada 14px dan #333333 Elemen anak mewarisi atribut fon elemen induk, kemudian dalam elemen anak, saiz fon dan warna akan secara automatik Mewarisi tetapan elemen induk.

  1. Atribut ketinggian baris

Atribut ketinggian baris ialah satu set atribut yang boleh mengawal jarak teks, termasuk ketinggian baris, jarak huruf, jarak perkataan, dsb. Sifat ketinggian baris juga boleh diwarisi, yang bermaksud bahawa jika anda menetapkan sifat ketinggian baris pada elemen induk, unsur anak juga akan mewarisi sifat ini.

Sebagai contoh, katakan anda mempunyai elemen induk yang ketinggian barisnya ditetapkan kepada 1.5 Elemen anak mewarisi atribut ketinggian baris bagi elemen induk Kemudian, dalam elemen anak, ketinggian baris juga akan diwarisi secara automatik tetapan unsur induk.

  1. Atribut senarai

Atribut senarai ialah satu set atribut yang boleh mengawal gaya senarai HTML, termasuk jenis senarai, bendera senarai, lekukan senarai, dsb. Antaranya, jenis senarai dan bendera senarai boleh diwarisi, yang bermaksud bahawa jika anda menetapkan jenis senarai dan bendera pada elemen induk, elemen anak juga akan mewarisi sifat ini.

Sebagai contoh, katakan anda mempunyai elemen induk yang jenis senarainya ditetapkan kepada perpuluhan, dan elemen anak mewarisi atribut senarai elemen induk, maka dalam elemen anak, jenis senarai juga akan mewarisi secara automatik tetapan unsur induk.

  1. Atribut pautan

Atribut pautan ialah satu set atribut yang boleh mengawal gaya pautan HTML, termasuk warna pautan, warna pautan aktif dan warna pautan akses. Antaranya, warna pautan, warna pautan aktif dan warna pautan yang dilawati boleh diwarisi, yang bermaksud jika anda menetapkan atribut pautan pada elemen induk, elemen anak juga akan mewarisi atribut ini.

Sebagai contoh, jika anda mempunyai elemen induk dengan warna pautannya ditetapkan kepada #0000ff, dan elemen anak mewarisi atribut pautan elemen induk, maka dalam elemen anak, warna pautan juga akan mewarisi secara automatik tetapan unsur induk.

  1. Atribut latar belakang halaman

Atribut latar belakang halaman ialah satu set atribut yang boleh mengawal gaya latar belakang halaman web, termasuk warna latar belakang, imej latar belakang, kedudukan latar belakang, dll. Antaranya, warna latar belakang dan imej latar belakang boleh diwarisi, yang bermaksud bahawa jika anda menetapkan sifat latar belakang halaman pada elemen induk, unsur anak juga akan mewarisi sifat ini.

Sebagai contoh, andaikan anda mempunyai elemen induk dengan warna latar belakangnya ditetapkan kepada #ffffff Elemen anak mewarisi atribut latar belakang halaman unsur induk, kemudian dalam elemen anak, warna latar belakang juga akan diwarisi secara automatik tetapan unsur induk .

Ringkasan

Warisan sifat CSS ialah fungsi CSS yang sangat berkuasa. Antaranya, atribut fon, atribut ketinggian baris, atribut senarai, atribut pautan dan atribut latar belakang halaman adalah semua atribut yang boleh diwarisi. Pewarisan sifat ini boleh menjadikan kod CSS anda lebih ringkas dan lebih mudah untuk diurus, dan juga boleh meningkatkan prestasi tapak web dengan sangat baik. Apabila menetapkan gaya CSS, anda boleh memilih untuk mewarisi atau tidak mewarisi sifat seperti yang diperlukan untuk mempunyai kawalan yang lebih baik ke atas gaya halaman.

Atas ialah kandungan terperinci Sifat css mana yang boleh diwarisi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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