aaaaa少妇高潮大片,zo2o女人另类zo2o洗浴

Rumah

hujung hadapan web

tutorial css

Penambahbaikan progresif mudah dalam CSS

Susan Sarandon

Dec 18, 2024 pm 08:19 PM

Simple progressive enhancements in CSS

CSS telah banyak berubah dalam beberapa tahun kebelakangan ini. Nampaknya kami mendapat ciri baharu setiap bulan sekarang. Ciri baharu adalah baik dan semuanya, tetapi sukar untuk mengikuti apa yang disokong sepenuhnya atau selamat untuk digunakan.

Masukkan penambahbaikan progresif: ciri kod dan sintaks yang memberikan anda sandaran yang selamat sekiranya pengguna anda melawat tapak web anda dalam penyemak imbas yang tidak mempunyai sokongan.

Berikut ialah beberapa sifat dan teknik CSS mudah yang selamat digunakan; meningkatkan pengalaman untuk sesetengah pengguna, tetapi memberikan sandaran yang memuaskan untuk orang lain.

Teks yang lebih baik dengan pembalut teks: cantik dan pembalut teks: keseimbangan

Bukan semua penyemak imbas menyokong keseimbangan nilai balutan teks dan cantik, tetapi ia selamat untuk digunakan.

Jika anda tidak biasa dengan nilai ini, ia adalah cara untuk "membetulkan" teks anda supaya kelihatan (anda telah menekanya) lebih cantik atau lebih seimbang.

cukup membetulkan masalah dengan perkataan "yatim piatu", apabila perkataan terakhir perenggan teks dibalut ke baris baharu, meninggalkan semuanya bersendirian di bahagian bawah. pretty memastikan bahawa perkataan terakhir disertakan dengan perkataan lain, yang bagus untuk tajuk (NOTA: Jangan gunakannya untuk bahagian teks badan yang lebih besar, kerana ia menggunakan algoritma yang lebih perlahan untuk mengira hasil terbaik).

Dokumentasi MDN untuk pembalut teks: cantik

imbangan melaraskan perenggan anda supaya teks dibalut dengan cara yang mengimbangi bilangan aksara pada setiap baris, meningkatkan kualiti reka letak dan kebolehbacaan. Ia berguna untuk perenggan dengan panjang tertentu, mis. teks terkemuka atau beberapa salinan pemasaran di dalam sepanduk. (NOTA: Jangan gunakan ini pada semua teg

dalam teks kandungan anda. Pengiraan baki sempurna berdasarkan bilangan aksara adalah mahal dari segi pengiraan, jadi penyemak imbas mempunyai had pada ciri ini berdasarkan baris teks: enam atau kurang untuk Chromium, dan sepuluh atau kurang untuk Firefox)

Dokumentasi MDN untuk pembalut teks: baki

Demo

The fallback

Satu-satunya perkara yang berlaku jika penyemak imbas tidak menyokong ciri ini ialah teks akan mempunyai anak yatim atau mungkin tidak seimbang seperti yang anda mahukan. Dan itu OK; kami telah hidup dengan ini selama 30 tahun menyemak imbas web, jadi ia tidak membahayakan pengalaman pengguna dengan penyemak imbas yang tidak disokong.

Medan borang berkembang secara automatik dengan saiz medan: kandungan

Pernah kecewa kerana s tidak berkembang secara automatik apabila anda menulis di dalamnya? Nah, itu akhirnya dibetulkan, dengan saiz medan: kandungan.</p> <p>Harta dan nilai ini akan menjadikan <input> anda, <pilih> atau <textarea> berkembang secara automatik berdasarkan kandungannya. Saya syorkan anda menggunakannya untuk <textarea> terutamanya, dan ia selamat digunakan hari ini, walaupun ia ditandakan sebagai "percubaan" oleh MDN.</p> <p>Dokumentasi MDN untuk saiz medan</p> <h3> Demo </h3> <p><iframe height="600" src="https://codepen.io/havardob/embed/GgKNxVx?height=600&default-tab=result&embed-version=2" scrolling="no" frameborder="no" allowtransparency="true" loading="lazy"> </iframe> </p> <h3> The fallback </h3> <p>Sandaran untuk ini adalah mudah: medan tidak akan berkembang jika penyemak imbas tidak menyokong ciri tersebut. Dan itu OK juga!</p> <hr> <h2> Unsur psuedo ::marker dan ::placeholder </h2> <p>Ingin menggayakan penunjuk cakera pada item senarai dalam <ul>, tukar warna nombor dalam <ol>, atau gayakan pemegang tempat <input>? Anda boleh, menggunakan pemilih psuedo seperti ::marker dan ::placeholder.</p> <p>Ambil perhatian bahawa elemen ::penanda adalah satu yang pelik, kerana hanya terdapat segelintir sifat yang akan berfungsi dengan pemilih ini:</p> <ul> <li> Semua sifat fon</li> <li> Sifat ruang putih</li> <li> warna </li> <li> teks-gabung-tegak, unicode-bidi dan sifat arah</li> <li> Harta kandungan</li> <li> Semua sifat animasi dan peralihan</li> </ul> <p>Baca lebih lanjut mengenainya di sini: dokumentasi MDN untuk ::marker</p> <p>Untuk ::placeholder anda boleh melakukan hampir semua perkara yang anda boleh lakukan dengan teks biasa, menukar warna, font-weight, font-family dsb., tetapi sila ingat bahawa pemegang tempat input masih perlu <em> kelihatan seperti</em> pemegang tempat, bukan kelihatan seperti sudah ada nilai yang ditaip ke dalam input.</p> <p>Dokumentasi MDN untuk ::placeholder</p> <h3> Demo </h3> <p><iframe height="600" src="https://codepen.io/havardob/embed/RNboOqq?height=600&default-tab=result&embed-version=2" scrolling="no" frameborder="no" allowtransparency="true" loading="lazy"> </iframe> </p> <h3> The fallback </h3> <p>Ini tidak berfungsi dalam setiap penyemak imbas atau versi penyemak imbas, tetapi menggunakannya juga tidak akan merosakkan apa-apa, menjadikannya peningkatan progresif yang sempurna. Penanda seperti cakera dan nombor akan berundur untuk mempunyai warna yang sama dengan teks item senarai, manakala pemegang tempat akan mempunyai gaya terbina dalam penyemak imbas.</p> <hr> <h2> Kesimpulannya </h2> <p>Sukar untuk mengikuti apa yang selamat untuk digunakan dalam CSS, kerana Baseline (dari webstatus.dev) dan caniuse.com hanya menyatakan jika sesuatu tersedia dalam versi penyemak imbas tertentu, bukan perkara yang akan berlaku kepada UI anda jika pemilih , harta atau nilai tidak disokong.</p> <p>Sentiasa fikirkan kelemahan yang akan dihasilkan oleh fungsi percubaan atau kurang disokong.</p> <p>Atas ialah kandungan terperinci Penambahbaikan progresif mudah dalam CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">Kenyataan Laman Web ini</div> <div>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</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <div id="377j5v51b" class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins>  <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Alat AI Hot</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Gambar buka pakaian secara percuma</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>Penyingkiran pakaian AI</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Artikel Panas</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ms/faq/1796821119.html" title="Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan" class="phpgenera_Details_mainR4_bottom_title">Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 minggu yang lalu</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ms/faq/1796827210.html" title="Oguri Cap Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | Musume Derby Pretty</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>2 minggu yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ms/faq/1796828723.html" title="Agnes Tachyon Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | Musume Derby Pretty</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>2 minggu yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ms/faq/1796821436.html" title="Dune: Awakening - Lanjutan Planetologist Quest Walkthrough" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening - Lanjutan Planetologist Quest Walkthrough</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 minggu yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ms/faq/1796821278.html" title="Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper" class="phpgenera_Details_mainR4_bottom_title">Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 minggu yang lalu</span> <span>By Jack chen</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/ms/article.html">Tunjukkan Lagi</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Alat panas</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Editor kod yang mudah digunakan dan percuma</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title"> <h3>SublimeText3 versi Cina</h3> </a> <p>Versi Cina, sangat mudah digunakan</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Hantar Studio 13.0.1</h3> </a> <p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Alat pembangunan web visual</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title"> <h3>SublimeText3 versi Mac</h3> </a> <p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/ms/ai">Tunjukkan Lagi</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Topik panas</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ms/faq/gmailyxdlrkzn" title="Di manakah pintu masuk log masuk untuk e-mel gmail?" class="phpgenera_Details_mainR4_bottom_title">Di manakah pintu masuk log masuk untuk e-mel gmail?</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>8638</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>17</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ms/faq/java-tutorial" title="Tutorial Java" class="phpgenera_Details_mainR4_bottom_title">Tutorial Java</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1783</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>16</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ms/faq/cakephp-tutor" title="Tutorial CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial CakePHP</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1728</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>56</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1579</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>28</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1444</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>31</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/ms/faq/zt">Tunjukkan Lagi</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main2"> <div id="377j5v51b" class="phpgenera_Details_mainL4"> <div id="377j5v51b" class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div id="377j5v51b" class="phpgenera_Details_mainL4_info"> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ms/faq/1796823628.html" title="Apa itu 'menyekat CSS'?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175069693197174.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apa itu 'menyekat CSS'?" /> </a> <a href="http://m.miracleart.cn/ms/faq/1796823628.html" title="Apa itu 'menyekat CSS'?" class="phphistorical_Version2_mids_title">Apa itu 'menyekat CSS'?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 24, 2025 am 12:42 AM</span> <p class="Articlelist_txts_p">CSS Blok halaman yang diberikan kerana pelayar melihat CSS dalam talian dan luaran sebagai sumber utama secara lalai, terutamanya dengan stylesheet yang diimport, header sejumlah besar CSS sebaris, dan gaya pertanyaan media yang tidak dapat dioptimumkan. 1. Ekstrak CSS kritikal dan membenamkannya ke HTML; 2. Kelewatan memuatkan CSS bukan kritikal melalui JavaScript; 3. Gunakan atribut media untuk mengoptimumkan pemuatan seperti gaya cetak; 4. Memampatkan dan menggabungkan CSS untuk mengurangkan permintaan. Adalah disyorkan untuk menggunakan alat untuk mengekstrak CSS utama, menggabungkan REL = "Preload" pemuatan asynchronous, dan menggunakan media yang ditangguhkan dengan munasabah untuk mengelakkan pemisahan yang berlebihan dan kawalan skrip kompleks.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ms/faq/1796822133.html" title="Luaran vs CSS Dalaman: Apakah pendekatan terbaik?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175035152168797.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Luaran vs CSS Dalaman: Apakah pendekatan terbaik?" /> </a> <a href="http://m.miracleart.cn/ms/faq/1796822133.html" title="Luaran vs CSS Dalaman: Apakah pendekatan terbaik?" class="phphistorical_Version2_mids_title">Luaran vs CSS Dalaman: Apakah pendekatan terbaik?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:45 AM</span> <p class="Articlelist_txts_p">Thebestapproachforcssdependonstantheproject'ssspecificneeds.forlargerprojects, externalcssisbetterduetomaintainabilityability;</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ms/faq/1796821588.html" title="Adakah CSS saya mesti berada di bawah kes?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175026415047262.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Adakah CSS saya mesti berada di bawah kes?" /> </a> <a href="http://m.miracleart.cn/ms/faq/1796821588.html" title="Adakah CSS saya mesti berada di bawah kes?" class="phphistorical_Version2_mids_title">Adakah CSS saya mesti berada di bawah kes?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 19, 2025 am 12:29 AM</span> <p class="Articlelist_txts_p">Tidak, cssdoesnothavetobeinlowercase.however, menggunakanLowerCaseisRecommendorfendfor: 1) Consistencyandreadability, 2) Mengelakkaningerrorsinrelatedtechnologies, 3) potensiformanceBenefits, dan4) peningkatan yang lebih baik.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ms/faq/1796821998.html" title="Kepekaan kes CSS: Memahami apa yang penting" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175034936181156.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Kepekaan kes CSS: Memahami apa yang penting" /> </a> <a href="http://m.miracleart.cn/ms/faq/1796821998.html" title="Kepekaan kes CSS: Memahami apa yang penting" class="phphistorical_Version2_mids_title">Kepekaan kes CSS: Memahami apa yang penting</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 20, 2025 am 12:09 AM</span> <p class="Articlelist_txts_p">Cssismostlycase-insensitive, buturlsandfontfamilynamesarecase-sensitif.1) propertiesandvalueslikecolor: merah; arenotcase-sensitif.2) urlsmustmatchtheserver'scase, mis.,</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ms/faq/1796828180.html" title="Apakah AutoPrefixer dan bagaimana ia berfungsi?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175139012130913.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah AutoPrefixer dan bagaimana ia berfungsi?" /> </a> <a href="http://m.miracleart.cn/ms/faq/1796828180.html" title="Apakah AutoPrefixer dan bagaimana ia berfungsi?" class="phphistorical_Version2_mids_title">Apakah AutoPrefixer dan bagaimana ia berfungsi?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 02, 2025 am 01:15 AM</span> <p class="Articlelist_txts_p">AutoPrefixer adalah alat yang secara automatik menambah awalan vendor ke atribut CSS berdasarkan skop penyemak imbas sasaran. 1. Ia menyelesaikan masalah mengekalkan awalan secara manual dengan kesilapan; 2. Bekerja melalui borang pemalam postcss, menghuraikan CSS, menganalisis atribut yang perlu diawali, dan menjana kod mengikut konfigurasi; 3. Langkah-langkah penggunaan termasuk memasang pemalam, menetapkan senarai pelayar, dan membolehkan mereka dalam proses membina; 4. Nota termasuk tidak menambah awalan secara manual, menyimpan kemas kini konfigurasi, awalan tidak semua atribut, dan disyorkan untuk menggunakannya dengan preprocessor.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ms/faq/1796821606.html" title="Apakah kaunter CSS?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175026444127039.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah kaunter CSS?" /> </a> <a href="http://m.miracleart.cn/ms/faq/1796821606.html" title="Apakah kaunter CSS?" class="phphistorical_Version2_mids_title">Apakah kaunter CSS?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 19, 2025 am 12:34 AM</span> <p class="Articlelist_txts_p">Csscounterscanautomaticallynumbersectionsandlists.1) useCounter-resettoinitialize, counter-incrementToinCrease, andCounter () orcounters () todisplayvalues.2) CombinWithjavascriptfordynamicContentToenSureAccurateupdates.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ms/faq/1796821580.html" title="CSS: Bilakah kes perkara (dan kapan tidak)?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175026403168895.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="CSS: Bilakah kes perkara (dan kapan tidak)?" /> </a> <a href="http://m.miracleart.cn/ms/faq/1796821580.html" title="CSS: Bilakah kes perkara (dan kapan tidak)?" class="phphistorical_Version2_mids_title">CSS: Bilakah kes perkara (dan kapan tidak)?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jun 19, 2025 am 12:27 AM</span> <p class="Articlelist_txts_p">Dalam CSS, nama pemilih dan atribut adalah sensitif kes, manakala nilai, warna yang dinamakan, URL, dan atribut tersuai adalah sensitif kes. 1. Nama pemilih dan atribut adalah kes-tidak sensitif, seperti warna latar belakang dan warna latar belakang adalah sama. 2. Warna heksadesimal dalam nilai adalah sensitif kes, tetapi warna bernama adalah sensitif kes, seperti merah dan merah tidak sah. 3. URL adalah sensitif kes dan boleh menyebabkan masalah pemuatan fail. 4. Sifat tersuai (pembolehubah) adalah sensitif kes, dan anda perlu memberi perhatian kepada konsistensi kes apabila menggunakannya.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/ms/faq/1796827610.html" title="Apakah fungsi conic-gradient ()?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/175130377175874.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Apakah fungsi conic-gradient ()?" /> </a> <a href="http://m.miracleart.cn/ms/faq/1796827610.html" title="Apakah fungsi conic-gradient ()?" class="phphistorical_Version2_mids_title">Apakah fungsi conic-gradient ()?</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 01, 2025 am 01:16 AM</span> <p class="Articlelist_txts_p">Function-gradient () functionIncsscreatesculculargradientsthatrotatecolorstopsaroundroentroint.1.ISIISIDEALFORPIECHARTS, Progressindicators, Colorwheels, andDecorativeBackgrounds.2.itworksByDefiningColorStopsatSpecificles, OpsticalStarting</p> </div> </div> <a href="http://m.miracleart.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div id="377j5v51b" class="footer"> <div id="377j5v51b" class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://m.miracleart.cn/ms/about/us.html">Tentang kita</a> <a href="http://m.miracleart.cn/ms/about/disclaimer.html">Penafian</a> <a href="http://m.miracleart.cn/ms/update/article_0_1.html">Sitemap</a> </div> <div id="377j5v51b" class="footerbottom"> <p> ? php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://m.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="tjnf3" class="pl_css_ganrao" style="display: none;"><mark id="tjnf3"><form id="tjnf3"></form></mark><output id="tjnf3"><sub id="tjnf3"><div id="tjnf3"><ol id="tjnf3"></ol></div></sub></output><span id="tjnf3"><legend id="tjnf3"></legend></span><legend id="tjnf3"><sup id="tjnf3"></sup></legend><menuitem id="tjnf3"><ol id="tjnf3"><pre id="tjnf3"><track id="tjnf3"></track></pre></ol></menuitem><font id="tjnf3"><legend id="tjnf3"></legend></font><style id="tjnf3"></style><big id="tjnf3"><ol id="tjnf3"></ol></big><ins id="tjnf3"><address id="tjnf3"></address></ins><optgroup id="tjnf3"><video id="tjnf3"><sub id="tjnf3"><div id="tjnf3"></div></sub></video></optgroup><strong id="tjnf3"><pre id="tjnf3"><track id="tjnf3"><em id="tjnf3"></em></track></pre></strong><label id="tjnf3"><th id="tjnf3"><b id="tjnf3"><meter id="tjnf3"></meter></b></th></label><span id="tjnf3"></span><ol id="tjnf3"><pre id="tjnf3"><track id="tjnf3"><tt id="tjnf3"></tt></track></pre></ol><div id="tjnf3"></div><var id="tjnf3"><small id="tjnf3"><meter id="tjnf3"><pre id="tjnf3"></pre></meter></small></var><label id="tjnf3"><strong id="tjnf3"><rp id="tjnf3"><thead id="tjnf3"></thead></rp></strong></label><meter id="tjnf3"></meter><small id="tjnf3"></small><ins id="tjnf3"><address id="tjnf3"></address></ins><font id="tjnf3"></font><big id="tjnf3"><ol id="tjnf3"></ol></big><span id="tjnf3"><legend id="tjnf3"></legend></span><tt id="tjnf3"><menuitem id="tjnf3"><span id="tjnf3"><legend id="tjnf3"></legend></span></menuitem></tt><form id="tjnf3"></form><dfn id="tjnf3"><u id="tjnf3"><mark id="tjnf3"><form id="tjnf3"></form></mark></u></dfn><pre id="tjnf3"><output id="tjnf3"><em id="tjnf3"><div id="tjnf3"></div></em></output></pre><dfn id="tjnf3"></dfn><menuitem id="tjnf3"></menuitem><em id="tjnf3"><big id="tjnf3"></big></em><address id="tjnf3"><strike id="tjnf3"><strong id="tjnf3"><form id="tjnf3"></form></strong></strike></address><strike id="tjnf3"></strike><form id="tjnf3"><output id="tjnf3"></output></form><form id="tjnf3"><output id="tjnf3"></output></form><sup id="tjnf3"><strong id="tjnf3"><rp id="tjnf3"><thead id="tjnf3"></thead></rp></strong></sup><p id="tjnf3"><var id="tjnf3"></var></p><label id="tjnf3"><th id="tjnf3"><small id="tjnf3"><ins id="tjnf3"></ins></small></th></label><progress id="tjnf3"><acronym id="tjnf3"></acronym></progress><legend id="tjnf3"><dfn id="tjnf3"><dfn id="tjnf3"><mark id="tjnf3"></mark></dfn></dfn></legend><strong id="tjnf3"></strong><rp id="tjnf3"><font id="tjnf3"><legend id="tjnf3"><sup id="tjnf3"></sup></legend></font></rp><th id="tjnf3"><b id="tjnf3"><meter id="tjnf3"><pre id="tjnf3"></pre></meter></b></th><dl id="tjnf3"><i id="tjnf3"><track id="tjnf3"><tt id="tjnf3"></tt></track></i></dl><tt id="tjnf3"><menuitem id="tjnf3"><span id="tjnf3"><legend id="tjnf3"></legend></span></menuitem></tt><listing id="tjnf3"><dfn id="tjnf3"><menuitem id="tjnf3"><span id="tjnf3"></span></menuitem></dfn></listing><thead id="tjnf3"></thead><dfn id="tjnf3"><menuitem id="tjnf3"><span id="tjnf3"><legend id="tjnf3"></legend></span></menuitem></dfn><mark id="tjnf3"></mark><span id="tjnf3"><legend id="tjnf3"></legend></span><track id="tjnf3"><em id="tjnf3"></em></track><b id="tjnf3"><progress id="tjnf3"><sup id="tjnf3"><strong id="tjnf3"></strong></sup></progress></b><thead id="tjnf3"><legend id="tjnf3"></legend></thead><p id="tjnf3"><nobr id="tjnf3"><form id="tjnf3"><ins id="tjnf3"></ins></form></nobr></p><div id="tjnf3"><strong id="tjnf3"><form id="tjnf3"><output id="tjnf3"></output></form></strong></div><ruby id="tjnf3"><form id="tjnf3"><legend id="tjnf3"><label id="tjnf3"></label></legend></form></ruby><legend id="tjnf3"><label id="tjnf3"></label></legend><track id="tjnf3"><em id="tjnf3"></em></track><strong id="tjnf3"><rp id="tjnf3"><thead id="tjnf3"><legend id="tjnf3"></legend></thead></rp></strong><strike id="tjnf3"><strong id="tjnf3"><form id="tjnf3"><output id="tjnf3"></output></form></strong></strike><strike id="tjnf3"><var id="tjnf3"><b id="tjnf3"><meter id="tjnf3"></meter></b></var></strike><mark id="tjnf3"><form id="tjnf3"></form></mark><pre id="tjnf3"><p id="tjnf3"></p></pre><font id="tjnf3"><legend id="tjnf3"></legend></font><output id="tjnf3"><sub id="tjnf3"></sub></output><strong id="tjnf3"><rp id="tjnf3"><font id="tjnf3"><progress id="tjnf3"></progress></font></rp></strong><strong id="tjnf3"></strong><ruby id="tjnf3"><thead id="tjnf3"></thead></ruby><menuitem id="tjnf3"></menuitem><em id="tjnf3"><big id="tjnf3"></big></em><big id="tjnf3"><dl id="tjnf3"></dl></big><small id="tjnf3"><ins id="tjnf3"><address id="tjnf3"><strike id="tjnf3"></strike></address></ins></small><small id="tjnf3"><ins id="tjnf3"><acronym id="tjnf3"><style id="tjnf3"></style></acronym></ins></small><track id="tjnf3"><em id="tjnf3"></em></track><i id="tjnf3"><track id="tjnf3"></track></i><address id="tjnf3"><strike id="tjnf3"><strong id="tjnf3"><pre id="tjnf3"></pre></strong></strike></address><track id="tjnf3"><tt id="tjnf3"></tt></track><thead id="tjnf3"><label id="tjnf3"></label></thead><nobr id="tjnf3"><b id="tjnf3"></b></nobr><nobr id="tjnf3"><b id="tjnf3"><progress id="tjnf3"><acronym id="tjnf3"></acronym></progress></b></nobr><pre id="tjnf3"><style id="tjnf3"><nobr id="tjnf3"><b id="tjnf3"></b></nobr></style></pre><form id="tjnf3"><legend id="tjnf3"></legend></form><nobr id="tjnf3"><b id="tjnf3"></b></nobr><th id="tjnf3"></th><big id="tjnf3"></big><u id="tjnf3"><mark id="tjnf3"></mark></u><nobr id="tjnf3"><small id="tjnf3"></small></nobr><form id="tjnf3"><output id="tjnf3"></output></form><optgroup id="tjnf3"></optgroup><progress id="tjnf3"><acronym id="tjnf3"></acronym></progress><progress id="tjnf3"><acronym id="tjnf3"><style id="tjnf3"><nobr id="tjnf3"></nobr></style></acronym></progress><div id="tjnf3"></div><strike id="tjnf3"><strong id="tjnf3"><optgroup id="tjnf3"><video id="tjnf3"></video></optgroup></strong></strike><meter id="tjnf3"><acronym id="tjnf3"></acronym></meter><th id="tjnf3"></th><u id="tjnf3"></u><ruby id="tjnf3"></ruby><dl id="tjnf3"><pre id="tjnf3"><track id="tjnf3"><em id="tjnf3"></em></track></pre></dl><sub id="tjnf3"></sub><dl id="tjnf3"><pre id="tjnf3"><track id="tjnf3"><tt id="tjnf3"></tt></track></pre></dl><ruby id="tjnf3"><thead id="tjnf3"></thead></ruby></div> </html>

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Penambahbaikan progresif mudah dalam CSS

Teks yang lebih baik dengan pembalut teks: cantik dan pembalut teks: keseimbangan

Demo

The fallback

Medan borang berkembang secara automatik dengan saiz medan: kandungan