Beberapa ringkasan pengetahuan CSS/XHTML untuk mempelajari standard WEB Halaman 1/3_Pertukaran pengalaman

1. Banyak isu keserasian disebabkan oleh teg berbeza yang mempunyai nilai margin padding lalai yang berbeza dalam penyemak imbas yang berbeza. Jadi anda boleh menentukan terlebih dahulu

Salin kod Kod adalah seperti berikut:

* { padding: 0; margin: 0;}

atau

Salin kod Kod adalah seperti berikut:

ul, li,h1,h2,h3,h4,h5,h6,p,jadual,td,p,img,hr,dd,dt,span,a,dt,dd,ol{margin: 0;padding:0;font- size:12px;}

2. Mengenai reka letak, anda boleh melihat bagaimana templat dalam dreamweaver cs3 ditulis kaedah penulisan adalah cara terbaik. Untuk susun atur yang besar, anda boleh terus menggunakan templat lalai dalam dreamweaver cs3. Kemudian alih keluar ulasan dan ia akan berfungsi.

3. Gunakan margin/lapik dengan sewajarnya Apabila melaraskan kedudukan elemen dalam kotak, lebih baik menggunakan pelapik kotak. Jangan gunakan margin elemen di dalam kotak.

Sebabnya apabila elemen dalam kotak menggunakan margin, ia akan menjejaskan margin kotak dan menyebabkan salah jajaran.

Tetapi perhatikan satu perkara apabila menggunakan padding: Contohnya, jika kotak asal width:100px ditetapkan kepada padding-left:20px, maka lebarnya mesti ditolak dengan 20px.

4. Untuk kotak, selepas menetapkan sempadan, anda perlu menolak lebar sempadan daripada lebar. Contohnya, jika kotak dengan lebar: 100px mempunyai sisi 1px di kiri dan kanan, lebar kotak hendaklah ditetapkan kepada 98px.

5. Apabila menambah kotak, cuba jangan berikan lebar dan tinggi jika boleh.

Ketinggian boleh dikembangkan oleh elemen dalaman.

Jika lebar tidak ditetapkan, lalai ialah 100% lebar.

6. Cara untuk menetapkan imej latar belakang dan warna latar untuk kotak pada masa yang sama adalah dengan menetapkan imej latar belakang dahulu, dan kemudian menetapkan warna latar belakang adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

.bg {background:url(/images/blbian.gif) no -ulang}
.style1 {lebar:100px;tinggi: 100px;warna latar belakang:#ebf1e5;}

7. Apabila perkara seperti float:left ditulis juga Jika ia menjejaskan elemen sekeliling atau asas, cuba gunakan clear:both untuk mengosongkannya.

Salin kod Kod adalah seperti berikut:

.clearfloat {
jelas:kedua-duanya;
tinggi:0;
saiz fon: 1px;
tinggi baris: 0px; >8. Apabila membuat tetapan berikut

, isu keserasian akan berlaku. Akan ada masalah dengan ie6 Anda akan mendapati bahawa kotak itu tidak tinggi 3px.
Tetapan berikut diperlukan: font-size:1px; jadi tiada masalah. Rujuk kaedah penulisan dalam clearfloat dalam templat dw cs3, dan juga tambahkan line-height:0px. Tetapi saya mendapati bahawa mungkin untuk tidak menambahnya. Tetapi Persatuan Kanada lebih formal.

9 Apabila menetapkan ketinggian untuk satu baris teks, tetapkan ketinggian baris pada masa yang sama. Jika tidak, akan terdapat isu keserasian dan teks akan menjadi sedikit tidak sejajar.

10 Apabila menggunakan senarai ul li, pastikan anda menetapkan jenis gaya senarai: jika tidak, isu keserasian akan berlaku. Asal akan muncul di bawah ff, tetapi selalunya tidak kelihatan di bawah ie.