1.Restablecer
Realmente, siempre use un reinicio, ya sea el reinicio de Eric Meyer, el reinicio de YUI o su propio reinicio personalizado, asegúrese de usarlo.
Esto puede ser tan simple como eliminar los atributos de margen y relleno de todos los elementos:
html, cuerpo, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, formulario, conjunto de campos, tabla, th, td { margen: 0; relleno: 0;
El estilo Resets de Eric Meyer y YUI es genial, pero para mí van demasiado lejos. Quiero que aclares todo antes de redefinir muchas propiedades del elemento. Esto es lo que recomienda Eric Meyer. Si hay una forma más eficiente de usarlo, no debería simplemente tomar su archivo de estilo y colocarlo directamente en su propio proyecto: refinarlo, reconstruirlo, hacerlo suyo.
Oh, por favor no vuelvas a hacer esto:
* {margen: 0; relleno: 0;
Se usa en demasiados lugares si quitas el relleno de un botón de radio, ¿qué crees que pasará? Los elementos del formulario a veces tienen un aspecto original, por lo que es mejor dejarlos como están.
2. Ordenar alfabéticamente
una pequeña prueba
De los dos ejemplos siguientes, ¿cuál crees que puede encontrar la ubicación del atributo de margen derecho más rápido?
Ejemplo 1
div#encabezado h1 {
índice z: 101;
color: #000;
posición: relativa;
altura de línea: 24px;
margen derecho: 48px;
borde inferior: 1px sólido #dedede;
tamaño de fuente: 18px;
}
Ejemplo 2
div#encabezado h1 {
borde inferior: 1px sólido #dedede;
color: #000;
tamaño de fuente: 18px;
altura de línea: 24px;
margen derecho: 48px;
posición: relativa;
índice z: 101;
}
¡No me digas que el Ejemplo 2 no es tan rápido como el Ejemplo 1! Al ordenar alfabéticamente las propiedades de estos estilos, la coherencia que cree le ayudará a reducir el tiempo que dedica a buscar una propiedad específica.
Sé que algunas personas organizan el orden de esta manera y otras usan otra forma de organizar el orden de los estilos. Pero en mi empresa decidimos por unanimidad ordenar las cosas alfabéticamente. Este enfoque definitivamente funcionará para usted cuando desarrolle código con otros. Odio cada vez que veo una hoja de estilo no ordenada alfabéticamente, porque se ven desordenadas y desorganizadas...