Hay muchos consejos sobre el desarrollo de diseños web CSS y los amigos novatos a menudo no están familiarizados con ellos. En uno o dos problemas pequeños, puede llevar mucho tiempo resolverlo. Aunque este aspecto se ha mencionado muchas veces en los documentos de 52CSS.com, muchos amigos todavía cometen errores en estos temas. Echemos un vistazo a estas técnicas de CSS hoy. Léalas detenidamente. Quizás no las comprenda completamente. Puede buscar en 52CSS.com para ampliar el conocimiento que desea.
1. La etiqueta ul tiene un valor de relleno de forma predeterminada en Mozilla, pero en IE solo el margen tiene un valor.
2. El mismo selector de clase puede aparecer repetidamente en un documento, pero el selector de identificación solo puede aparecer una vez. Utilice tanto clase como id para definir una etiqueta en CSS. Si las definiciones se repiten, la definición realizada por el selector de id es válida porque el peso de id es mayor que el de clase.
3. Una forma estúpida de ajustar la compatibilidad (IE y Mozilla):
Los principiantes pueden encontrar una situación de este tipo: el atributo de la misma etiqueta se muestra normalmente cuando está configurado en A en IE, pero debe configurarse en B en Mozilla para que se muestre normalmente, o los dos se invierten.
Solución temporal: es posible que el selector {nombre de propiedad: B! Importante; nombre de propiedad: A} no funcione a veces. Puede buscar más soluciones de ERRORES en 52CSS.com.
4. Si se requiere algo de espacio entre un grupo de etiquetas anidadas, déjelo en el atributo de margen de la etiqueta ubicada en el interior en lugar de definir el relleno de la etiqueta ubicada en el exterior.
5. Se recomienda utilizar imagen de fondo en lugar de imagen de estilo de lista para el icono delante de la etiqueta li.
6. IE no puede distinguir la diferencia entre relación de herencia y relación padre-hijo. Todas son relaciones de herencia.
7. Cuando agregues selectores a tus etiquetas, no olvides agregar comentarios a los selectores en CSS. Sabrás por qué haces esto cuando modifiques tu CSS más adelante. También una palabra de precaución: no te vuelvas demasiado loco.
8. Si configura una imagen de fondo oscuro y un efecto de texto brillante para una etiqueta. Se recomienda establecer un color de fondo más oscuro para su etiqueta en este momento. Debido a que las imágenes se pierden, el texto sigue siendo legible.
9. Al definir los cuatro estados de un enlace, preste atención al orden: Enlace visitado Hover Active
10. Utilice fondo para imágenes que no tengan nada que ver con el contenido. Recuerde siempre separar la presentación del contenido.
11. El color definido se puede abreviar #8899FF=#89F
12. Las tablas siguen siendo útiles en algunos aspectos. Cuando encuentres una tabla de datos, no la odies.
13.