Logik yang rosak

Sebenarnya, belajar bahasa baru adalah seperti peralihan mental. Anda beralih dari menterjemahkan ke pemikiran secara langsung dalam bahasa baru, akhirnya bermimpi di dalamnya. Fenomena yang sama ini terpakai untuk menguasai sintaks CSS baru, terutamanya sifat logik. "Aha!" Momen pemahaman intuitif sangat bermanfaat.

Walau bagaimanapun, pelaksanaan CSS semasa memberikan cabaran. Walaupun banyak pemaju mengamalkan sifat logik seperti padding-inline dan margin-inline , penggunaan yang konsisten tetap sukar difahami. Ketidakkonsistenan ini menghalang peralihan mental yang lancar yang kita cari.

Sebagai contoh, sementara inline-size menawarkan alternatif logik kepada width , pertanyaan @container yang akan datang pada mulanya seolah-olah memecahkan konsistensi ini, yang memerlukan kembali ke min-width dan max-width . Mujurlah, draf baru -baru ini mencadangkan isu ini mungkin diselesaikan, berpotensi membenarkan sifat logik atau fizikal dalam pertanyaan @container . Idealnya, hanya sifat logik yang akan disokong untuk kejelasan, tetapi keputusan muktamad kelihatan akan berlaku.

Satu lagi bidang yang memerlukan perhatian ialah kekurangan setara logik untuk sifat overflow-* . Walaupun overflow-inline (bersamaan logik overflow-x ) wujud, sokongan pelayar kini terhad kepada Firefox.

Walaupun ketidakkonsistenan ini, banyak sifat logik siap untuk kegunaan intuitif: size , position , margin , padding , border , alignment , dan banyak lagi. Malah sifat-sifat seperti border-top-left-radius kini mempunyai rakan-rakan logik (contohnya, border-start-start-radius ), dan float: inline-end menggantikan float: right . Potensi untuk pembangunan CSS yang lebih bersih, lebih intuitif adalah penting.

Atas ialah kandungan terperinci Logik yang rosak. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!