Red de conocimiento informático - Problemas con los teléfonos móviles - Especificaciones CSS para especificaciones de desarrollo front-end web

Especificaciones CSS para especificaciones de desarrollo front-end web

El artículo que quiero compartir con ustedes hoy trata sobre la especificación CSS de las especificaciones de desarrollo front-end web. Como parte indispensable del equipo de desarrollo, la interfaz web debe escribirse razonablemente de acuerdo con las regulaciones pertinentes (algunos malos hábitos pueden causarle problemas innecesarios a usted y a otros). Diferentes equipos en diferentes empresas tienen diferentes especificaciones y documentación. Los siguientes son resultados completos y detallados basados ​​en los requisitos de diferentes empresas y equipos. ¡Ven y echa un vistazo a los principios de las especificaciones CSS con el editor!

Especificación CSS

1. La especificación de codificación es utf-8.

2. Desarrollo colaborativo y división del trabajo: escribiré un archivo de marco integrado por adelantado basado en cada módulo y programas de página similares, y los asignaré al personal de front-end para implementar la estructura interna, el rendimiento y el comportamiento. . *** El archivo CSS base.css fue escrito por i. Durante el proceso de desarrollo colaborativo, cada página debe importarse. Este archivo contiene estilos de reinicio y encabezado y parte inferior.

3. El uso de clase e identificación: la identificación es única y pertenece al padre, la clase se puede repetir y pertenece al hijo, por lo que la identificación solo se usa en módulos grandes y la clase se puede usar en repeticiones. Uso alto y medio. En principio, yo nombro la identificación cuando distribuyo el archivo de marco, excepto los ganchos reservados para JS.

4. Al nombrar ganchos reservados para JS, comience con js_, por ejemplo: js_hide, js_show.

5. Nomenclatura de clases e ID: los nombres de marcos grandes, como encabezado/pie de página/envoltura/izquierda/derecha, se denominan uniformemente con i en 2. Otros nombres de estilo se combinan con letras minúsculas en inglés y números, como por ejemplo. i_comment, fontred, ancho200. Evite el uso del pinyin chino y trate de utilizar combinaciones de palabras simples. En resumen, los nombres deben ser semánticos y concisos

6. Evite los nombres de clases e ID (esto es importante, si no lo comprende, comuníquese con i a tiempo): a) Evite escribir de forma dependiente. ver d para ejemplos. b) Tome la parte de nombre de identificación/clase del elemento principal y asígnele un nombre. Consulte d para ver un ejemplo. c) Para nombres con una alta tasa de reutilización, comience con su propio nombre en clave seguido de un guión bajo, como i_clear. d) a y b son aplicables a la página con el marco integrado en 2. Por ejemplo, si desea agregar un nuevo elemento div al código de la página con el marco integrado en 2, siga la regla de nomenclatura de a:... , método de escritura de estilo: #mainnav.firstnav{.....} Según b reglas de nomenclatura:..., método de escritura de estilo: .main_firstnav{.....}

7. atributos En orden, se recomienda seguir: Atributos de posicionamiento de diseño-->Atributos propios-->Atributos de texto-->Otros atributos Este artículo se puede escribir de acuerdo con sus propios hábitos, pero trate de asegurarse de que atributos similares se escriban juntos. Enumeración de atributos: los atributos de posicionamiento del diseño incluyen principalmente: visualización, estilo de lista y posición (arriba, derecha, inferior, izquierda correspondiente) y flotación, claridad y visibilidad.

Sus propiedades incluyen principalmente: ancho, alto, margen, relleno, borde y fondo.

Los atributos del texto incluyen principalmente: color, fuente, decoración del texto, alineación del texto, alineación vertical y espacio en blanco,

Otros y contenido.

8. Antes de escribir código, mejorar la tasa de reutilización de estilos.

Lo anterior es el artículo que el editor compartió con usted hoy sobre la especificación CSS de las especificaciones de desarrollo de front-end web. Espero que este artículo pueda ser útil para los amigos que están trabajando en front-end web y lo desean. Para saber más Para obtener más conocimientos sobre el front-end web, recuerde prestar atención al sitio web oficial de Beida Jade Bird Web Training. Finalmente, le deseo todo lo mejor en su trabajo y se convierta en un excelente ingeniero de front-end web.