CSSer, al igual que otros puestos de TI, se enfrentará a preguntas del entrevistador o exámenes presentados al buscar trabajo. Hoy hemos recopilado 8 preguntas comunes en las entrevistas, espero que te sean útiles.
1. ¿El estilo de desplazamiento no aparece después de hacer clic en el hipervínculo?
El estilo del hipervínculo en el que se hace clic ya no tiene los estilos activo y de desplazamiento. La solución es cambiar el orden de los atributos CSS: LVHA.
2. Problema de error de doble margen de IE6
Por ejemplo:
<tipo de estilo="texto/css"> cuerpo {margen:0;} div {float:izquierda; margen izquierdo:10px; ancho:200px; alto:200px; borde:1px rojo sólido;} </estilo> |
Después de flotar, el margen original es de 10 px, pero IE lo interpreta como 20 px. La solución es agregar display:inline;
3. ¿Por qué el texto en Firefox no puede expandir la altura del contenedor?
Los contenedores con valores de altura fijos en los navegadores estándar no se estirarán como en IE6. Entonces, si quiero tener una altura fija y estirarme, ¿qué configuraciones debo realizar? La solución es eliminar la altura y establecer min-height:200px aquí, para cuidar a IE6 que no conoce min-height, se puede definir así:
| div {altura:auto!importante; altura:200px; altura mínima:200px; |
4. ¿Por qué no se puede configurar el color de la barra de desplazamiento del navegador IE en los estándares web?
Configuración de estilo original:
<tipo de estilo="texto/css"> cuerpo { barra de desplazamiento-color-cara:#f6f6f6; barra de desplazamiento-color-resaltado:#fff; barra de desplazamiento-color-sombra:#eeeeee; barra de desplazamiento-3dlight-color:#eeeeee; -color:#fff; barra de desplazamiento-color-sombra oscura:#fff; </estilo> |
La solución es reemplazar el cuerpo con html.
5. ¿Cómo definir un contenedor con una altura de aproximadamente 1 px?
Este problema en IE6 se debe a la altura de línea predeterminada y existen muchas soluciones, como: overflow:hidden zoom:0.08 line-height:1px |
6. ¿Cómo hacer que la capa se muestre en FLASH?
La solución es establecer transparencia para FLASH:
| <a href="http://www.chinaz.com/">:</a> <pre lang="html" line="1"> <param nombre="wmode" valor="transparente" /> |
7. ¿Cómo centrar una capa div en el navegador?
<tipo de estilo="texto/css"> <!-- div { posición:absoluta; arriba: 50%; izquierda: 50%; margen:-100px 0 0 -100px; ancho: 200 px; altura: 200 px; borde: 1px rojo sólido; } --> </estilo> |
Aquí usamos el posicionamiento absoluto porcentual y el método de usar valores negativos fuera del parche. El tamaño del valor negativo es su propio ancho y alto dividido por dos.
8. Solución al problema de centrado de etiquetas div anidadas en el navegador Firefox
Supongamos la siguiente situación:
<div id="a"> <div id="b"> </div> </div> |
Si desea centrar b dentro de a, generalmente solo necesita usar CSS para establecer el atributo de alineación de texto de a en el centro. Este método parece normal en IE; pero en Firefox, b estará a la izquierda.
La solución es establecer el margen horizontal de b en automático. Por ejemplo, establezca el estilo CSS de b en: margen: 0 auto;