Cuando entré en contacto con CSS por primera vez, muchas veces no sabía por dónde empezar ni cómo empezar. Después de obtener un renderizado, nos inquietaron muchas preguntas: ¿cómo diseñarlo? Posicionamiento absoluto o posicionamiento relativo, ¿qué etiqueta elegir? Qué estructura adoptar. .etc. Por supuesto, en el proceso de escribir código, encontraremos muchos problemas, especialmente nosotros, los novatos, que no estamos muy familiarizados con todos los aspectos y carecemos de experiencia, por lo que a menudo nos encontramos perdidos. Creo que cuando nos encontramos con problemas, debemos aprender a resumirlos para evitar cometer los mismos errores la próxima vez.
Los siguientes son algunos errores comunes que he resumido en mi trabajo:
y los consejos de solución esperan ser útiles para los principiantes en CSS.
1. Compruebe si hay errores ortográficos en los elementos HTML o si olvidó cerrar las etiquetas.
Incluso los mejores expertos cometerán esos errores, porque cuando la estructura de la página es muy compleja y está anidada en muchas capas, es fácil perder la etiqueta de cierre. Especialmente para personas como yo, que están acostumbradas a escribir en el Bloc de notas, es más probable que cometan errores. Así que tenga cuidado al escribir.
2. Compruebe si el CSS es correcto.
En general, el error más común en CSS es que los nombres de los atributos en el estilo y HTML son inconsistentes. Como resultado, el estilo se escribió claramente, pero no tuvo ningún efecto.
3. Utilice el fondo para encontrar la capa correspondiente.
Cuando depuramos errores, especialmente cuando depuramos la compatibilidad del navegador, hay muchas capas anidadas que son propensas a desalinearse y superponerse. En este momento, agregamos colores de fondo a las capas clave para mostrar la diferencia. Esto ayuda a eliminar errores.
4. Determinar la ubicación del error mediante el método de eliminación.
Cuando escribimos codificación CSS, generalmente hacemos un poco y luego obtenemos una vista previa. Si ocurre un error en este momento, podemos eliminar la capa recién agregada hasta que se muestre normalmente para determinar en qué capa radica el problema.
5. El elemento flotante debe especificar el atributo de ancho.
Muchos navegadores tienen errores al mostrar elementos flotantes con un ancho no especificado. Entonces, independientemente del contenido del elemento flotante, se debe especificar el atributo de ancho.
6. Eliminar estilos duplicados
Muchas veces declaramos estilos públicos al principio y luego nos olvidamos de ello cuando lo escribimos debajo. Por ejemplo, declaramos img{border:none;} al principio
Luego, cuando encontré la etiqueta img, la escribí de nuevo. Esta situación debe evitarse.
7. Preste atención al formato de codificación.
En circunstancias normales, los formatos de codificación que utilizamos son: gb2312 y UTF8. No hay distinción entre el bien y el mal. Pero no los mezcles. Muchos editores utilizan por defecto el formato UTF8.
8. Orden de escritura de los estilos de enlace.
Después de que muchas personas escriben estilos de enlace, el color después de hacer clic no es el que desean. En este momento, deben verificar el orden en que están escritos los estilos de enlace. El orden de escritura correcto debe ser: LVHA.