Apakah Maksud `awal` Sebenarnya dalam CSS?-tutorial css-php.cn

Apakah Maksud `awal` Sebenarnya dalam CSS?

Mary-Kate Olsen

Lepaskan： 2024-11-24 03:54:14

asal

640 orang telah melayarinya

What Does `initial` Really Mean in CSS?

Menyingkap Kepentingan 'awal' dalam CSS

Bertentangan dengan andaian awal, nilai 'awal' dalam CSS tidak mengembalikan gaya seperti diberikan oleh helaian gaya dalaman penyemak imbas. Ia mewakili nilai awal yang ditetapkan harta itu, seperti yang ditakrifkan oleh spesifikasi CSS.

Memahami Nilai 'awal'

Nilai 'awal' tidak sinonim dengan lalai penyemak imbas . Maksudnya berbeza-beza berdasarkan sifat tertentu. Sebagai contoh, untuk sifat 'paparan', 'awal' selalu menandakan 'sebaris', nilai awal yang ditetapkan.

Penerokaan Contoh

Pertimbangkan coretan berikut:

div.inline {
  display: inline;
}

div.initial {
  display: initial;
}

Salin selepas log masuk

Mengikut jangkaan, peraturan 'sebaris' dipaparkan

sebaris. Walau bagaimanapun, peraturan 'awal' juga memaparkan

sebaris, bukan dalam nilai 'blok' awalnya. Tingkah laku ini berpunca daripada fakta bahawa 'awal' untuk 'paparan' sentiasa bermaksud 'sebaris.'

Kegunaan Terhad

Nilai 'awal' mempunyai utiliti terhad. Ia boleh menjadi berharga untuk sifat 'warna', di mana maknanya bergantung kepada pelayar. Begitu juga, menggunakan 'font-family: initial' mendapatkan semula fon lalai penyemak imbas.

Keserasian dan Kesimpulan Penyemak Imbas

Perhatikan bahawa 'initial' tidak disokong dalam Internet Explorer, mengehadkan lagi kepraktisannya. Kesimpulannya, nilai 'initial' adalah konsep CSS yang sering disalah ertikan. Ia merujuk kepada nilai awal yang ditetapkan untuk hartanah dan tidak membayangkan lalai penyemak imbas atau gaya pemaparan awal elemen.

Atas ialah kandungan terperinci Apakah Maksud `awal` Sebenarnya dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn

Artikel sebelumnya：Mengapa Halaman CSS Saya Pecah Berfungsi dalam Sesetengah Pelayar tetapi Bukan Lain? Artikel seterusnya：Mengapa Tidak `memaparkan: blok; width: auto;` Jadikan Medan Input Mengisi Bekasnya?

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

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

2311

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

2445

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

2060

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...