1. Acerca de los comentarios
Los comentarios en CSS son muy importantes al crear sitios web xhtml+CSS. Al crear estilos CSS, debes mantener el hábito de comentar de manera informal. Generalmente, estoy acostumbrado a escribir comentarios en el formato "/* contenido del comentario*/", porque en editores con funciones de resaltado como EditPlus, se usa el "/********" comúnmente usado en lenguaje C. Comentarios como *******/" no tienen sentido y no es necesario completar una gran cantidad de contenido sin sentido como separación. Los documentos con comentarios sirven como documentos CSS originales del sitio web. Al publicar el sitio web, puede utilizar una herramienta de compresión de CSS para comprimir el CSS y eliminar los comentarios del CSS de salida para mejorar la eficiencia de la transferencia de archivos.
2. Acerca del nombramiento
Al nombrar archivos CSS, prefiero usar nombres o abreviaturas en inglés semánticamente correctos. Puedo usar nombres parciales en pinyin para partes inusuales. Además, en algunas clases dependientes, puedo usar un nombre similar a "list_banner", es decir, el nombre del elemento principal más "_" más el nombre del elemento.
En cuanto a los nombres, se puede negociar según los hábitos de los diseñadores del equipo. Pero es mejor agregar un comentario después del nombre para poder generar documentación para referencia futura.
3. Sobre la herencia
En CSS, haga buen uso de la herencia. Por ejemplo, en dos divs anidados, el elemento principal define el atributo de color de fondo como negro. Si el fondo de los elementos secundarios también es negro, no es necesario repetir la definición. Hacer un buen uso de la herencia CSS puede hacer que su código sea más eficiente y optimizado.
4. Acerca de los niveles de definición de CSS
Al definir clases en CSS, se recomienda utilizar una forma jerárquica para describir las declaraciones.
Estructura de ejemplo:
| El siguiente es el contenido citado: <div id="menú"> <div class="lista de menús"> <div class="selectit"></div> </div> </div> |
Ejemplo de CSS:
| El siguiente es el contenido citado: #menú {...} #menú .menulist {...} #menú .menulist .selectit {...} |
En el ejemplo anterior, según el efecto final, no es necesario que #menu aparezca repetidamente, pero de hecho, si se puede agregar #menu al frente, la jerarquía del documento será más clara y fácil de leer.
5. Acerca de la clasificación por estilos
Al diseñar hojas de estilos CSS, principalmente escribimos código a mano, lo que fácilmente puede causar confusión en el orden de los estilos en las clases. Por ejemplo, varias clases usan relleno, margen, fondo, color y otros estilos. Sin embargo, al ordenar, algunas clases tienen un fondo más alto y otras tienen un margen más alto. Esto crea cierta confusión y puede frustrar fácilmente su pensamiento. Sugiero que los diseñadores individuales o de equipo se pongan de acuerdo sobre un orden aproximado, de modo que individualmente no haya mucha diferencia, pero en general será más fácil de leer y administrar, y la eficiencia general mejorará mucho.
Por ejemplo, de forma predeterminada, pongo ancho, alto, relleno, margen, borde, etc. al frente, seguido del fondo, luego fuente, color, alineación de texto, etc. que controlan el texto, y luego algunas etiquetas especiales que pueden Solo se pueden usar elementos, como estilo de lista, etc., y finalmente filtros CSS. Cuando se encuentran situaciones especiales (como la prioridad de ciertas propiedades CSS que deben definirse), se pueden manejar de manera flexible.