Especificaciones de desarrollo web front-end especificaciones CSS
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 por adelantado basado en cada módulo y plan de similitud de página, y lo distribuiré al personal de front-end para lograr la estructura y el rendimiento internos. comportamiento. * * * El archivo CSS base.css lo escribí yo. Durante el desarrollo colaborativo, se deben importar todas las páginas. Este archivo contiene el restablecimiento y los estilos para la parte inferior del encabezado. Este archivo no se puede modificar a voluntad.
3. El uso de clases e identificadores: los identificadores son únicos y principales, las clases son repetibles y secundarias, por lo que las identificaciones solo se usan en módulos grandes y las clases se pueden usar con altas tasas de reutilización y uso infantil. . En principio, los identificadores se nombran cuando distribuyo los archivos del marco, excepto los ganchos reservados para JS.
4. Asigne un nombre al gancho reservado 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/envoltorio/izquierda/derecha, se denominan uniformemente con I en 2. Otros nombres de estilo usan minúsculas en inglés y números para combinar nombres, como i_comment, fontred, width200. Evite el uso del pinyin chino y trate de utilizar combinaciones de palabras simples. En resumen, la denominación debe ser semántica y concisa.
6. Evite nombrar clase e identificación (esto es muy importante, comuníquese con I a tiempo si no comprende): a) Evite escribir en subordinados, consulte D para ver ejemplos. b) Tome la parte de nombre de identificación/clase del elemento principal para nombrarlo. Consulte d para ver un ejemplo. c) Para nombres con una alta tasa de reutilización, comience con su propio código y subráyelo, como i_clear. D) a y B se aplican a la página enmarcada en 2. Por ejemplo, si desea agregar un nuevo elemento div en el código de la página del marco en 2, la convención de nomenclatura que debe seguir es: ..., estilo de escritura: # #mainnav.firstnav{.....} y siga las reglas de nomenclatura de B:..., escritura estilística:...main _ firstnav {.........
7. Se recomienda seguir el orden de escritura de los atributos CSS: posicionamiento del diseño. atributo->Propiedades propias->Propiedades de texto->Otras propiedades. Este artículo puede escribirse según sus propios hábitos, pero trate de asegurarse de que los atributos sean similares y estén escritos juntos. Enumeración de atributos: los atributos de posicionamiento del diseño incluyen principalmente: visualización, lista y posición (correspondiente a arriba, derecha, abajo, izquierda) y flotación, claridad y visibilidad. Desbordamiento;
Sus propios atributos incluyen principalmente: ancho, alto y peso. Beneficio y beneficio. relleno y suma de borde. Fondo.
Los atributos del texto incluyen principalmente: color y fuente y fuente. Texto - decoración y publicidad. Alineación de texto. Alinear verticalmente. Blank & amp
Otros y contenido.
8. Mejorar la tasa de reutilización de estilos antes de escribir código.
Lo anterior es el artículo que el editor compartió con usted hoy sobre las especificaciones CSS para el desarrollo web front-end. Espero que este artículo sea útil para los amigos que se dedican al trabajo de front-end web. Si desea obtener más información sobre el front-end web, recuerde prestar atención al sitio web oficial, capacitación web Beida Jade Bird. Finalmente, les deseo a mis amigos buena suerte en su trabajo y que se conviertan en excelentes ingenieros de front-end web.