CSSer, seperti posisi IT lainnya, akan menghadapi pertanyaan yang diajukan oleh pewawancara atau kertas ujian yang diberikan saat mencari pekerjaan. Hari ini kami telah mengumpulkan 8 pertanyaan wawancara umum, saya harap ini 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:
<gaya tipe="teks/css"> isi {margin:0;} div {float:kiri; margin-kiri:10px; lebar:200px; tinggi:200px batas:1px merah pekat;} </gaya> |
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 warna bilah gulir browser IE tidak dapat diatur dalam standar web?
Pengaturan gaya asli:
<gaya tipe="teks/css"> badan { warna-wajah-scrollbar:#f6f6f6; warna-scrollbar-highlight:#fff; warna-scrollbar-panah:#000; -warna:#fff; bilah gulir-warna bayangan gelap:#fff } </gaya> |
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:
| <a href="http://www.chinaz.com/">:</a> <pre lang="html" baris="1"> <param name="wmode" value="transparan" /> |
7. Bagaimana cara memusatkan lapisan div di browser?
<gaya tipe="teks/css"> <!-- div { posisi:mutlak; atas:50%; kiri:50%; margin:-100 piksel 0 0 -100 piksel; lebar:200 piksel; tinggi:200 piksel; batas:1px merah pekat; } --> </gaya> |
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:
<divid='a'> <div id="b"> </div> </div> |
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;