CSS warisan dan analisis penggunaan automatik_Pertukaran pengalaman

Ia biasanya nilai yang sangat kecil Selepas lapisan amplifikasi dan herotan, keseluruhan struktur akan menjadi tidak sesuai. CSS ialah bahasa yang sangat mudah, mudah dipelajari dan digunakan, tetapi ia juga paling terdedah kepada kod sampah. Ini disebabkan tidak mempelajari bahasa tersebut secara mendalam. Pada pendapat saya, CSS terdiri daripada tiga blok berikut: nilai lalai, sistem warisan dan sistem berwajaran. Nilai lalai ialah atribut yang ditentukan oleh penyemak imbas secara lalai jika pengguna tidak menetapkan atribut. Rangka kerja CSS pada asasnya mempunyai fail yang dipanggil reset.css, yang menetapkannya semula untuk menghapuskan perbezaan antara penyemak imbas. Sistem pewarisan inilah yang akan kita fokuskan di bawah. Sistem pemberat iaitu isu keutamaan adalah di luar skop artikel ini dan tidak akan dibincangkan lagi. Di samping itu, ketiga-tiga perkara ini semuanya menghadapi pencerobohan IE Bug, yang sangat berbahaya, jadi anda harus menghentikannya sendiri (ketawa).

Dalam CSS, banyak sifat boleh diwarisi Contohnya, jika fon perenggan tertentu ditetapkan kepada putih, fon elemennya tidak perlu ditetapkan atau ditetapkan untuk diwarisi, ia akan menjadi. putih. Atribut ini dipanggil sifat warisan Ia akan mendapat nilai yang dikira dan ditukar bagi atribut yang sepadan daripada elemen induk Jika elemen induk berada dalam situasi yang sama, ia akan terus mencari, dan akhirnya menggunakan semak imbas tidak ditemui. Nilai lalai peranti.

Berikut ialah senarai sifat yang diwarisi:

Salin kod Kod adalah seperti berikut:

runtuh sempadan
jarak sempadan
sebelah kapsyen
warna
kursor
arah
sel kosong
fon
keluarga fon regangan fon
saiz fon
laraskan saiz fon
gaya fon
varian fon
berat fon
jarak huruf
tinggi baris
gaya senarai
kelegapan
imej gaya senarai
jenis gaya senarai
petikan
selaraskan teks
inden teks
transformasi teks
ruang putih
jarak perkataan

<meta charset="gb2312"> <meta http-equiv="X-UA-Compatible" content="IE=8"> <style type="text/css"> </style> <title>CSS</title> <div id="text" style="width:20em;height:140px;background:#8080c0;padding:2px;border:1px solid red;color:#fff">Unsur induk <div id="text2" style="width:80%;height:4em;background:#b45b3e">Unsur kanak-kanak</div> </div>