Koleksi ciri CSS klasik dan biasa digunakan terbaik_Pertukaran pengalaman

Jajarkan teks pada kedua-dua hujung:

Salin kod Kod adalah seperti berikut:

text-align :justify;
text-justify:inter-ideograph;

Clear float:

Salin kod 🎜> Kod adalah seperti berikut:

.clear{clear:both;line-height:0;height:0;font-size:0;}

kosongkan kelas pseudo terapung:

Salin kod Kod adalah seperti berikut:

.clearfix:after{content: " .";display: block;height: 0;clear: both;visibility: hidden;}

Tetapkan untuk mengelakkan perkataan daripada rosak

Salin kod Kod adalah seperti berikut:

patah kata: simpan-semua

Watak secara automatik membalut

Salin kod Kodnya adalah seperti berikut:

patah kata:simpan-semua;patah-kata:pecah- semua;bungkus-kata:patah-perkataan

Gunakan ketinggian garis untuk memusatkan secara menegak

Salin kod Kod adalah seperti berikut:

line-height:24px;/*Apabila menggunakan bekas lebar tetap dan anda memerlukan garis untuk berpusat secara menegak, gunakan ketinggian garis (ketinggian adalah sama dengan bekas induk Konsisten), lebih banyak ringkasan pemusatan menegak boleh dilihat di sini.

*/

Jelas bekas terapung

Salin kod Kod Seperti berikut:

#utama {overflow:hidden;}

Jangan benarkan pautan dibalut

Salin kod Kod adalah seperti berikut:

a {white-space:nowrap;}

Sentiasa benarkan Firefox memaparkan bar skrol

Salin kod Kodnya adalah seperti berikut:

html {overflow:- moz-scrollbars-vertical;}

Pusat elemen blok secara mendatar

Salin kod Kodnya adalah seperti berikut:

body, html {min-height:101%;} atau margin:0 auto;

Sembunyikan bar skrol kawasan teks Explorer

Salin kod

Kodnya adalah seperti berikut:textarea {overflow:auto;}

Tetapkan halaman percetakan

Salin kod

Kodnya adalah seperti berikut:h2 {page-break-before:always;}/*Tetapkan paging semasa mencetak halaman web*/

Keluarkan kotak bertitik pada pautan

Salin kod

Kodnya adalah seperti berikut:a, kawasan { blr:expression(this.onFocus=this.blur()) } :focus { -moz-outline-style: none; }

Tetapan semula CSS yang paling mudah

Salin kod

Kod adalah seperti berikut: * {margin: 0; atribut ini dengan berhati-hati Walaupun ia boleh menghapuskan atribut lalai, ia mempunyai kesan pada pemaparan penyemak imbas, dan ia tidak dinyatakan secara semantik Tidak baik juga. +/ >Kod adalah seperti berikut:

img{vertical-align:top;}

Attribut transparent

Copier le code Le code est le suivant :

filter:alpha(opacity=50); -moz-opacity : 0.5;
cursor:hand;

Changez la souris en forme de main

Copiez le code Le code est le suivant :

curseur:main;