Cómo nombrar las reglas de la hoja de estilos div css

¡Aunque sean sólo unas pocas líneas o docenas de líneas de código! Sólo usa palabras en inglés. Pero si hay demasiados, será difícil escribirlos. A veces, simplemente use Hanyu Pinyin o la primera letra de Pinyin. Pero hay demasiados y ni siquiera puedo entender lo que significan al escribirlos yo mismo, y mucho menos pedirles a los programadores que llamen a estos estilos. La diferencia entre id y clase en la hoja de estilo div css: para resumirlo en una oración, la clase puede definir múltiples valores y se puede aplicar a múltiples etiquetas, pero id solo puede ser una. Así que comencé a verificar algunas reglas de nomenclatura comunes para las clases e ID de hojas de estilo CSS div relacionadas. Consúltelas: Primero, hablemos de las reglas de nomenclatura comunes para las ID de hojas de estilo CSS div como se muestra en la siguiente tabla: Inicio de sesión del encabezado del encabezado de página. barra de inicio de sesiónLogotipo de la barra logo Barra lateral publicidad de la barra lateral Navegación de banner navegación sub navegación menú subNav menú submenú submenú búsqueda búsqueda desplazamiento página de desplazamiento contenido principal contenido pestaña página pestaña lista de artículos lista información rápida mensajes consejos consejos título de la columna título unirse unirse a nosotros guía gremio servicio servicio noticias de actualidad noticias descargar descargarregistrarsiterstatusbuttonbtnvotevotepartnerfriendlinkfriendLinkfooterfootercopyRightDe hecho, el nombre de identificación de la hoja de estilo div css anterior a menudo se distingue por letras mayúsculas y minúsculas y _. Por ejemplo, la navegación principal es MainNav. Si todavía hay, es necesario distinguir MainNav_1, MainNav_2, etc. También puede usar las reglas de "escribir nombre de variable" para nombrarla. Por ejemplo, para escribir una clase con fuente roja, puede usar .f_red {} (f es la abreviatura de fuente). En resumen, el principio es: las mayúsculas, _ y las abreviaturas mejoran en gran medida la legibilidad del código. Hablemos de las reglas de nomenclatura comunes para clases en hojas de estilo div css como se muestra en la siguiente tabla: abrigo envoltura navegación principal subnavegación principal subnav pie de página contenido de la página completa encabezado encabezado etiqueta de marca título título navegación principal navegación lateral de navegación principal barra lateral navegación izquierda barra lateral izquierda navegación derecha lado derechoBar bandera logo eslogan banner menú contenido menú1Contenido menú capacidad menúContenedor submenú submenú icono de navegación lateral barra lateralIcono comentario nota ruta de navegación contenedor de ruta de navegación contenido del contenedor búsqueda de contenido búsqueda inicio de sesión inicio de sesión cinta tienda actual actual Por supuesto, como el nombre de la identificación y la clase de la hoja de estilo div css Muchos más que estos, puede haber más nombres. Puede usar algunos nombres comunes y fáciles de entender. Si tiene mejores reglas de nomenclatura para la identificación y la clase de la hoja de estilo div css, deje un mensaje y envíeme muchos. de consejos.