Algunas técnicas y soluciones a problemas comúnmente utilizadas en mi propio desarrollo front-end se actualizarán con frecuencia. Espero que sean útiles para mis amigos en el camino del front-end.
1. Cómo mostrar la fecha a la derecha en la lista de títulos del artículo (se proporcionan dos métodos y el uso depende de la situación):
Método 1: La idea del segundo piso de esta versión (gracias ~), consume menos recursos y tiene dos líneas más de código.
<p>@Mr.ThinkEste es el título del artículo<span>2010-10-10</span></p>
Definición de CSS:
p{posición:relativa}
p span{posición:absoluta derecha:0}
Método 2: el código es menor que el método 1, pero consume más recursos.
<p><span>2010-10-10</span>@Mr.ThinkEste es el título del artículo</p>
Luego defina el intervalo flotante derecho:
p intervalo {flotante: derecha}
De hecho, este método se puede extender a muchas situaciones y es una forma de escribir muy práctica;
2. Según los estándares web, solo puede haber una etiqueta h1 en la misma página. Mucha gente conoce este concepto, pero pocos lo hacen;
3. El problema de la superposición de los márgenes de los espacios en blanco: generalmente se evita agregando un borde transparente o un relleno de 1 px. Interpretación detallada: http://mrthink.net/css-margin-overlying-way/ ;
4. El ancho/alto máximo/mínimo se implementa en ie6, _width: expresión(this.width >600 ? "600px" : true, la altura es la misma).
5. html/class/id, es mejor escribirlo en minúsculas, que es más riguroso (de acuerdo con el estándar xhtml);
6. No se recomienda utilizar el siguiente código para ser compatible con IE8:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Si no es una página de corto plazo, trate de evitar su uso. La página debe ser lo más compatible posible con versiones anteriores.