Coretan Kod 2025, Mungkin

Pita Sudut - Trik CSS

Pita Sudut - Trik CSS

BERITA. Wrapper (margin: 50px auto; lebar: 280px; tinggi: 370px; latar belakang: putih; radius sempadan: 10px; -webkit-box-shadow: 0px 0px 8px rgba (0,0,0,0.3); "

Tinggi Tinggi Penyemak Imbas - Trik CSS

Tinggi Tinggi Penyemak Imbas - Trik CSS

Div (ketinggian min: 500px; tinggi: auto! penting; tinggi: 500px;) Ini berfungsi kerana (syukurlah?) IE memperlakukan "ketinggian" bagaimana "ketinggian min" sepatutnya "

Blok Sebaris Dalam Penyemak Imbas - Trik CSS

Blok Sebaris Dalam Penyemak Imbas - Trik CSS

Li (lebar: 200px; tinggi-min: 250px; sempadan: 1px padat # 000; paparan: -moz-inline-stack; display: inline-block; vertical-align: top; margin: 5px; zoom: "

Memampatkan CSS dengan PHP - Trik CSS

Memampatkan CSS dengan PHP - Trik CSS

Mulakan fail CSS anda dengan PHP ini (dan beri nama style.php): body (warna: merah;) Kemudian panggil CSS anda dengan nama fail PHP: "

Ikon Unicode Biasa - Trik CSS

Ikon Unicode Biasa - Trik CSS

A: sebelum (kandungan: "2709";). telefon: sebelum (kandungan: "2706";). penting: sebelum (kandungan: "27BD";) blockquote: sebelum (kandungan: "275D";) "

Komen dalam CSS - Trik CSS

Komen dalam CSS - Trik CSS

Contoh: body (saiz fon: 62.5% / * 1em = 10px * /) Perkara di dalam / * * / markah adalah komen CSS. Ini membolehkan anda memasukkan nota ke dalam CSS yang akan "

The Clearfix: Memaksa Elemen Untuk Menghapus Diri Anaknya - Trik CSS

The Clearfix: Memaksa Elemen Untuk Menghapus Diri Anaknya - Trik CSS

Ini akan membuat anda baik-baik saja hari ini (IE 8 dan lebih tinggi): .group: after (content: ""; display: table; clear: keduanya;) Terapkan pada elemen induk di mana anda "

Ubah Gaya Pelengkap Automatik dalam Penyemak Imbas WebKit - Trik CSS

Ubah Gaya Pelengkap Automatik dalam Penyemak Imbas WebKit - Trik CSS

Kami mendapat tip yang baik dari Lydia Dugger melalui e-mel dengan kaedah untuk mengubah gaya yang digunakan oleh penyemak imbas WebKit untuk bidang form yang telah "

Memusatkan Laman Web - Trik CSS

Memusatkan Laman Web - Trik CSS

# bungkus halaman (lebar: 800 piksel; margin: 0 automatik;) "

Tukar Warna Pemilihan Teks - Trik CSS

Tukar Warna Pemilihan Teks - Trik CSS

:: pemilihan (warna latar: #FFA; warna: # 000;) (Maklumat lanjut) "

Butang Apple Pay dalam CSS - Trik CSS

Butang Apple Pay dalam CSS - Trik CSS

Anda tidak perlu merancang butang anda sendiri untuk Apple Pay. Sebenarnya, Apple secara harfiah memberitahu anda bahawa anda tidak boleh. Jadi, apa yang anda lakukan di web? Syukurlah, "

Hacks Khusus Penyemak Imbas - Trik CSS

Hacks Khusus Penyemak Imbas - Trik CSS

***** Hacks Pemilih ****** / / * IE6 ke bawah * / * html #uno (warna: merah) / * IE7 * / *: anak pertama + html #dos (warna: merah) / * IE7, FF, Saf, Opera * / "

Pusat DIV dengan Ketinggian Dinamik - Trik CSS

Pusat DIV dengan Ketinggian Dinamik - Trik CSS

CSS: * (margin: 0; padding: 0;) #page (display: table; overflow: hidden; margin: 0px auto;) *: anak pertama + html #page (kedudukan: relatif;) / * ie7 * / * html "

Tekstur Grainy Animasi - Trik CSS

Tekstur Grainy Animasi - Trik CSS

Laman web DayTrip menggunakan kesan yang rapi pada tajuk halamannya yang memutarbelitkan gambar latar dengan tekstur beranimasi dan kasar. Kesannya halus tetapi "

Bouncy Animasi Memuatkan Animasi - Trik CSS

Bouncy Animasi Memuatkan Animasi - Trik CSS

Hanya beberapa keseronokan dengan animasi CSS3. Sekiranya anda bimbang tentang sokongan penyemak imbas yang sangat dalam, gunakan GIF. .loader (text-align: center;). loader span ("

Teks kabur - Trik CSS

Teks kabur - Trik CSS

Jadikan warna teks telus tetapi tambahkan bayangan: .blur (warna: telus; teks-bayangan: 0 0 5px rgba (0,0,0,0.5);) kabur Lebih banyak penyemak imbas menyokong warna "

Asas API Font Google - Trik CSS

Asas API Font Google - Trik CSS

Pautan ke fail CSS Anda pada asasnya hotlink terus ke fail CSS di Google.com. Melalui parameter URL, anda menentukan kekhususan fon mana yang anda inginkan, dan apa "

Pusat Mutlak (Vertikal & Mendatar) Gambar - Trik CSS

Pusat Mutlak (Vertikal & Mendatar) Gambar - Trik CSS

Teknik gambar latar belakang CSS: html (lebar: 100%; tinggi: 100%; latar belakang: url (7518965 / absolute_center_vertical_horizontal_an_image_css-tricks.png.webp) pusat tengah tidak berulang;) CSS + Teknik Gambar Sebaris: img ("

Helvetica yang lebih baik - Trik CSS

Helvetica yang lebih baik - Trik CSS

Body (font-keluarga: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;) "

Rollover Pautan Asas sebagai CSS Sprite - Trik CSS

Rollover Pautan Asas sebagai CSS Sprite - Trik CSS

A (latar belakang: url (sprite.png.webp) tidak berulang; paparan: blok; tinggi: 30 piksel; lebar: 250 piksel;) a: hover (latar belakang-kedudukan: 0 -30 piksel;) Ketinggian set dan "

Kebolehcapaian / Penyesuaian CSS Mesra SEO - Trik CSS

Kebolehcapaian / Penyesuaian CSS Mesra SEO - Trik CSS

.screen-reader-text (kedudukan: mutlak; atas: -9999px; kiri: -9999px;) Kelas ini dapat mengeluarkan item dari halaman, membawanya keluar dari aliran dan tidak "

Semua Jenis Media Lembaran Gaya - Trik CSS

Semua Jenis Media Lembaran Gaya - Trik CSS

Semua Digunakan untuk semua alat media jenis aural Digunakan untuk braille alat sintesis suara dan suara Digunakan untuk alat maklum balas taktik braille timbul Digunakan untuk halaman "

Menu Hamburger Bun Apple.com - Trik CSS

Menu Hamburger Bun Apple.com - Trik CSS

Apple membuat beberapa kebisingan ketika mereka melancarkan laman web yang dikemas kini, termasuk navigasi responsif yang baru. Walaupun reka bentuk semula difokuskan pada perkara lain, satu "