Rumah > Artikel > hujung hadapan web > Atribut, parameter dan perihalan yang biasa digunakan bagi pertukaran DIV+CSS_Experience
Kelas am
overflow:hidden; secara automatik menyembunyikan kandungan berlebihan untuk mengelakkan meluaskan skop lapisan dan jadual
!penting
Menentukan keutamaan aplikasi peraturan gaya
Warna kelas teks: #FF0000; -keluarga: "Arial", "Helvetica", "sans-serif"; nilai 150%) gaya fon: condong (condong) berat huruf: tebal; hiasan: garis bawah garis atas kejap; garis bawah, garis atas, coretan, kejap teks-inden: 2em teks inden tinggi fon (atau 15px, iaitu, 15 piksel)
Latar belakang kelas latar belakang: tetap; (skrol) latar belakang: #0066CC; warna latar belakang (lutsinar) latar belakang: url(/gambar/lagi2.gif latar belakang-ulang: ulangi (ulang-x berulang secara mendatar, ulang-y berulang) kedudukan latar belakang : atas tengah; atas menegak tengah mendatar (tengah kiri tengah mendatar kiri tengah menegak) latar belakang: url(/image/dtbg.gif) #FEFEFE
tiada ulangan
Bawah kanan (2px 5px) Latar belakang imej,
Warna latar belakang, imej tidak berulang, imej latar belakang bermula dari sudut kanan bawah (imej adalah 2px dari kiri dan 5px dari atas)
Kelas kedudukan bingkai
jelas: kedua-duanya; tolak objek terapung di kedua-dua belah (kiri menolak objek terapung, kanan menolak objek terapung)
Terapung: kiri; objek terapung diletakkan di sebelah kiri (kanan, jadual waktu kereta api terkini diletakkan di sebelah kanan)
kedudukan :relatif ; Kedudukan relatif, biasanya tetapkan jadual waktu terbaik dalam bingkai unggul
kedudukan: mutlak; > atas: 5px; Kedudukan mutlak halaman atau relatif kepada bahagian atas bingkai
Kiri: 10px; 🎜> Ketinggian: 200px; ketinggian 200px (nilai automatik dan 100% tersedia )
Margin jadual kereta api Shanghai: 10px 20px 10px 20px
Jidar atas, kanan, bawah dan kiri (jika nilainya sama, jidar: 10px boleh diabaikan)
Tentukan secara individu margin-atas: 10px; (margin-kanan, margin-bawah, margin-kiri)
Padding: 20px 10px 10px 20p; kandungan atas, kanan, bawah dan kiri dari jidar (nilai yang sama boleh menghilangkan padding: 10px)
Gunakan padding- apabila ditentukan secara individu atas: 10px; (padding-right, padding-bottompadding-left)
Border : #ccc 1px jadual kereta api Chengdu pepejal;
Empat warna sempadan, lebar garisan, garisan pepejal (garisan putus-putus putus-putus, garis putus-putus putus-putus, garisan berkembar dua, rabung rabung)
Nyatakan bahagian atas sempadan secara individu: #ccc 1px pepejal ; sempadan-kanan: #ccc 1px pepejal
dsb.
Kedudukan senarai kelas senarai item: kedudukan luar Untuk imej-gaya senarai di luar (dalam): url(/yh/image/more04.gif ); 4); penapis penapis: FlipH; flip mendatar (FlipV gprs trafik flip menegak)
Tetapkan pautan secara berasingan
#bottool a:link{color:#fff};Warna tidak dilawati
#bottool a:visited {color:#fff};Lawati perisian aliran warna
#bottool a: hover{color:#ff0}; Tetikus berada pada pautan
Dengan begitu banyak item definisi, sebenarnya, kategori berikut biasanya digunakan : menentukan nilai lebar dan ketinggian; bekas itu: padding. Antaranya, item definisi program limpahan, jelas dan !penting telah dibatalkan dalam definisi gaya saya. 1. Batalkan limpahan:tersembunyi kerana selepas percubaan berulang, item definisi ini hanya boleh menyembunyikan kandungan yang melebihi ketinggian bekas tetapi tidak boleh menyembunyikan kandungan yang melebihi lebar. Apa yang saya perlukan ialah dapat menyembunyikan kandungan yang melebihi lebar bekas secara automatik Kadangkala saya memerlukan ketinggian bekas untuk mengembang mengikut jumlah kandungan. 2. Sebab untuk membatalkan definisi yang jelas ialah dalam aplikasi praktikal, hubungan susunan antara bekas benar-benar difahami Kedudukan bingkai atau bekas masih diposisikan dengan tepat menggunakan apungan, kedudukan, atas, kiri, dll. 3. !penting
Menentukan keutamaan penggunaan peraturan gaya. Ini digunakan terutamanya untuk membezakan kesan paparan antara IE dan pelayar lain. Laman web saya hanya mahu membetulkan kesan paparan, jadi tiada keutamaan.
Saya masih meneliti DIV+CSS Jika ada apa-apa yang tidak sesuai, sila siarkan dan betulkan saya Jika ada sebarang penambahbaikan, sila siarkan dan perbaiki. Saya fikir perkara yang paling penting apabila menggunakan DIV+CSS untuk susun atur tapak web ialah idea reka bentuk yang berbeza mempunyai reka bentuk tradisional dan ringkas yang sangat berbeza. Saya menumpukan pada kesejagatan rangka kerja atau bekas, dan mereka bentuk beberapa gaya bekas, sama seperti gaya label dalam FS4, dan kemudian panggil gaya ini jika diperlukan untuk mencapai kesejagatan dan bukannya kekhususan. Mari kita bercakap tentang perkara ini hari ini, dan kita akan bercakap secara khusus tentang idea reka bentuk reka letak ini kemudian.