masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > Koleksi ciri CSS klasik dan biasa digunakan terbaik_Pertukaran pengalaman

Koleksi ciri CSS klasik dan biasa digunakan terbaik_Pertukaran pengalaman

WBOY
Lepaskan： 2016-05-16 12:04:54
asal
1867 orang telah melayarinya

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;

Label berkaitan：
sifat css
sumber：php.cn
Artikel sebelumnya：Kod kesan penskalaan automatik imej kawalan ekspresi CSS [serasi dengan IE, Firefox]_Pertukaran pengalaman Artikel seterusnya：Bagaimana untuk membezakan sama ada input ialah butang atau kotak teks menggunakan gaya CSS_Pertukaran pengalaman
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
Gerakkan kandungan ke kiri dengan menambahkan sifat Width Saya telah memberikan margin kepada badan. utama {margin kiri: 200px; jidar kanan: 200px p...
daripada 2024-04-06 22:01:35
0
3
816
Cara menggunakan komponen laravel dengan ruang letak malas livewire Saya ingin menambah rangka komponen laravel saya di dalam ruang letak livewire3 Perkara ya...
daripada 2024-04-06 20:02:10
0
2
543
Apakah amalan terbaik untuk memaparkan maklumat versi dalam aplikasi web? Saya sedang membangunkan aplikasi web. Apakah amalan terbaik untuk memaparkan maklumat ver...
daripada 2024-04-06 19:13:16
0
2
476
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Hasilkan nilai lalai dan pembolehubah CSS menggunakan SCSS Saya sedang melaksanakan penggayaan laman web. Atas sebab sokongan warisan, saya perlu men...
daripada 2024-04-06 17:46:54
0
1
355
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan