Existe "/article.asp?id=74
16. ¿Cómo centrar una imagen de tamaño desconocido horizontal y verticalmente?
Ver: /article .asp? id=159
17. ¿Cuál es la diferencia entre el modelo de caja en modo estándar y modo extraño?
En modo estándar: ancho real = ancho del borde de relleno
En modo extraño: ancho real = ancho - relleno - borde
18. ¿Cómo resolver el ERROR de 3 píxeles en IE?
Consulte: /article.asp ?id=68
19. ¿Cómo hacer una tabla con un borde delgado de 1 píxel?
Método 1: Establecer el colapso del borde de la tabla: contraer;
lt; estilo tipo="text/css"gt;
tabla{border-collapse:collapse;border-color:#000;}
td{border- color:#000;}
lt;/ stylegt;
lt;table cellspaces="0" cellpadding="0" border="1"gt;
lt;trgt;
lt;tdgt ;testlt;/tdgt;
lt;tdgt;testlt;/tdgt;
lt;/trgt;
lt;/tablegt;
lt;/tablegt;
lt;/tdgt; p>
Método 2: La clave es configurar el espacio de celdas ="1" y usa el espacio como borde
lt style type="text/css"gt;
table{ background: #000 }
<; p>tr{fondo: #fff;}lt;/stylegt;
lt; tabla cellpacing="1" cellpadding= "0" border="0"gt;
lt;trgt;
lt;tdgt;testlt;/tdgt;
lt;tdgt;test lt;/tdgt;
lt;/trgt;
lt;/tablegt;
20. Varios métodos de sustitución de palabras por imágenes y análisis de sus ventajas y desventajas
El propósito de reemplazar palabras con imágenes es en realidad garantizar la legibilidad de la página, lo que es beneficioso tanto para los motores de búsqueda como para la visualización estructural. Dado que la mayoría de la gente reconoce este método, cada vez existen más métodos:
Método 1: utilizar el valor negativo de sangría de texto para mover el contenido fuera del contenedor;
Método 2: use display: none para ocultar el contenido;
Método 3: use relleno para exprimir el texto del contenedor y ocultar el exceso;
Método 4: use conjunto de fuentes Fuentes ultrapequeñas para ocultar contenido.
El método 1 (muy poco recomendado) parece bastante simple, pero de hecho hay varios aspectos insatisfactorios: 1. Consume más recursos. 2. En IE5, habrá un retraso y no se podrá mostrar el fondo. 3. El contenido Cuando hagas hipervínculos, el cuadro largo y punteado negro te volverá loco.
El método 2 (no recomendado) en realidad no es complicado. Solo necesita agregar una etiqueta más, lo cual es más derrochador y mostrar: ninguna aparece con demasiada frecuencia, lo que también tendrá un ligero impacto en el SEO.
El método 3 (recomendado) requiere dos capas de etiquetas según el modelo estándar, pero aún tiene ventajas sobre los métodos 1 y 2, por lo que se recomienda.
El método 4 (muy recomendado) solo necesita establecer la fuente en 0 y luego desbordar: oculto; como font: 0/0 arial; Aún no se ha hecho. Si encuentra algún efecto secundario, lo recomiendo encarecidamente.
21. ¿Cómo hacer que el contenedor sea transparente pero el contenido sea opaco?
Supongamos que en el modo estándar existe la siguiente estructura:
lt; div class="outer"gt
lt; gt; No quiero ser transparente
lt;/divgt;
Método solo IE: después de que el contenedor principal externo se configura como transparente, solo el secundario el interior del contenedor debe configurarse en posición: relativa; si necesita ser compatible con otros navegadores, el método anterior no es aplicable y la estructura debe cambiarse a:
lt; outside"gt; lt; /divgt;
lt;div class="inner"gt;No quiero ser transparentelt;/divgt;
Entonces usa la posición z- índice para obtener la posición
22. ¿Cómo eliminar el cuadro de enlace discontinuo?
Bajo IE: lt; a href="#" onfocus="this.blur();"...gt;
Bajo FF: a{outline: none;}
23. ¿Cómo hacer que el interlineado de la fuente de la página mantenga siempre n veces el tamaño de la fuente que la nota clave?
Simplemente establezca line-height: n en el cuerpo. Tenga en cuenta que no puede agregarle unidades
Por el motivo, consulte: /article.asp?id=195<. /p>
24. ¿Cómo insertar flash usando métodos estándar?
lt;div class="fla-show"gt;
lt;object type="application/ x-shockwave -flash" data="*.swf" width="*" height="*"gt;
lt; param name="movie" value="*.swf" /gt;
lt; img src="*.jpg" alt="Se utiliza para mostrar cuando el flash no es compatible o está bloqueado" /gt; p>
lt;/divgt;
25. ¿Cómo permite el Modelo Estándar que el contenedor tenga una altura de 100?
Establecer html, body{height: 100; margin: 0;}
26. ¿Cómo hacer que el ancho de la tabla sea fijo?
Establecer la tabla a diseño de tabla: fijo; en este momento, la tabla utilizará el algoritmo de diseño fijo y el contenido adicional no afectará el ancho de la tabla
27. ?
.min-height {min-height: 100px; _height: 100px;}
lt;div class="min-height"gt;Soy compatible min-height lt ;/divgt;
28. ¿Cómo hacer que el mouse adopte la forma de una mano y sea compatible con todos los navegadores modernos?
cursor: puntero
29. ¿Cómo implementar la posición: fijada en ie6?
Ver: /article.asp?id=188
30. ¿Cómo cambiar entre el modo estándar y el modo peculiar en IE?
Los navegadores inferiores a IE6 no necesitan activar y representar directamente la página en el modo Quirks.
Puede ser activado tanto por IE6 como por IE7 (agregue comentarios HTML antes de la declaración XHTML DTD):
lt;!--Deje que ie6 e ie7 entren en modo peculiar--gt;
lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"/china/msdn/library/webservices/asp.net/ASPNETusStan .mspx?mfr=true
aoao: Parece que todavía hay un problema en IE6 versión 6.0.2900.2180.xpsp_sp2.gdr.070227-2254 Agregar un color de fondo todavía no funciona...
6. ¿Por qué hay un espacio debajo de la imagen en IE6?
Hay muchas maneras de resolver este ERROR. Puede cambiar el diseño del html o definir la imagen como visualización. : bloque
o Defina el valor del atributo de alineación vertical como alineación vertical: arriba | abajo medio |p>
También puede establecer el tamaño de fuente del contenedor principal en cero, tamaño de fuente: 0
7. ¿Por qué hay un espacio entre las dos capas en IE6?
Este ERROR 3PX de IE también ocurre con frecuencia. derecha el mismo flotante: izquierda o definir .margen izquierdo- relativo a IE6 derecha: -3px
8. > Este problema de posicionamiento de imagen de estilo de lista también se plantea a menudo, y la solución es general. Se simula utilizando el fondo de li. El método de posicionamiento relativo también se puede utilizar aquí.
9. de mostrar el contenido en LI con elipses después de que exceda la longitud
li {
width: 200px
white-space: nowrap
;desbordamiento de texto: puntos suspensivos;
-o-desbordamiento de texto: puntos suspensivos;
p>
desbordamiento: oculto;
}