CSSer, seperti posisi IT lainnya, akan menghadapi pertanyaan yang diajukan oleh pewawancara atau kertas ujian yang diberikan saat mencari pekerjaan. Hari ini 52CSS.com telah mengumpulkan 8 pertanyaan wawancara umum, semoga dapat membantu Anda.
1. Gaya hover tidak muncul setelah mengklik hyperlink?
Gaya hyperlink yang diklik tidak lagi memiliki gaya hover dan aktif. Solusinya adalah dengan mengubah urutan atribut CSS: LVHA
2. Masalah bug margin ganda margin IE6
Misalnya:
isi {margin:0;} div {float:kiri; margin-kiri:10px; lebar:200px; tinggi:200px batas:1px merah pekat;} |
Setelah floating, margin aslinya adalah 10px, tetapi IE menafsirkannya sebagai 20px. Solusinya adalah menambahkan display:inline;
3. Mengapa teks di Firefox tidak dapat memperbesar tinggi wadah?
Kontainer dengan nilai ketinggian tetap di browser standar tidak akan diregangkan seperti di IE6. Jadi jika saya ingin memiliki ketinggian tetap dan diregangkan, pengaturan apa yang harus saya lakukan? Solusinya adalah dengan menghilangkan height dan mengatur min-height:200px; disini untuk menjaga IE6 yang tidak mengetahui min-height dapat didefinisikan seperti ini:
| div { tinggi:otomatis!penting; tinggi:200 piksel; |
4. Mengapa saya tidak bisa mengatur warna bilah gulir browser IE dalam standar web?
Pengaturan gaya asli:
badan { warna-wajah-bilah gulir:#f6f6f6; warna-sorot-bilah gulir:#eeeeee; warna-panah-scroll:#000; -warna:#fff; bilah gulir-warna bayangan gelap:#fff } |
Solusinya ganti body dengan html
5. Bagaimana cara mendefinisikan container dengan tinggi sekitar 1px?
Masalah di IE6 ini disebabkan oleh tinggi garis default, dan ada banyak solusi, seperti: overflow:hidden | zoom:0.08 |
6. Bagaimana cara membuat tampilan layer di FLASH?
Solusinya adalah mengatur transparansi untuk FLASH:
: |
7. Bagaimana cara memusatkan lapisan div di browser?
Di sini kita menggunakan persentase posisi absolut, dan metode menggunakan nilai negatif di luar patch. Besaran nilai negatif adalah lebar dan tinggi sendiri dibagi dua.
8. Solusi untuk masalah pemusatan tag div bersarang di browser Firefox
Asumsikan situasi berikut:
Jika Anda ingin memusatkan b di dalam a, biasanya Anda hanya perlu menggunakan CSS untuk menyetel atribut perataan teks dari a ke tengah. Metode ini terlihat normal di IE tetapi di Firefox, b ada di sebelah kiri.
Solusinya adalah dengan mengatur margin horizontal b ke auto. Misalnya, atur gaya CSS b ke: margin: 0 auto;