Aplicación de hojas de estilo hermoso en la producción de página web XHTML+CSS

Este es un artículo de hace mucho tiempo. Ahora parece que vale la pena aprender las ideas en él. Mientras aprende casos en VEVB.com, aprender algunos conocimientos teóricos será muy útil para su avance en el conocimiento. ¡Vamos, todos!

Desde que leí el diseño maestro del Sr. Zeldman con estándares web, la versión china de "Refactorización de sitios web" (2ª edición), tengo una sensación profunda y fortalecí mi idea de usar los estándares web para desarrollar y practicar nuestros proyectos. Pero no es suficiente saber qué son los estándares web y cómo aplicarlos a proyectos reales. ¡Cada componente del estándar web debe aprender y aplicar uno por uno y derrotado uno por uno para descubrir su esencia! Para los diseñadores de desarrollo web como yo, creo que ganaremos más comprendiendo este principio y realizando el aprendizaje y la práctica específicos, ¡y también es una contribución a la aplicación de estándares web en China! (Jaja, esto puede ser un poco presumido, pero de hecho es el ideal de la mayoría de nuestros practicantes de software).

Ahora es la era de Web2.0 e incluso 3.0, y la era de XHTML, XML, CSS, ECMAScript y DOM. Aunque no son la tecnología final, se convierten en una solución juntos: planeamos construir un sitio web compatible hacia atrás y también la base técnica necesaria para hacer sitios web que cumplan con los estándares web. No solo queremos obtener más soporte y acceso de los usuarios, sino también construir sitios web a largo plazo y hermosos para atraer su atención durante mucho tiempo. Creo que aprender a usar CSS para mejorar nuestro sitio web es una buena manera de atraer su atención y una tendencia de moda en la era Web2.0. A continuación, solo hablaré sobre la experiencia que he obtenido de la tecnología CSS.

Para convertirse en un experto en CSS, está lejos de ser suficiente para ser competente en el uso de selectores CSS. También implica la planificación general del trabajo, el dominio de los procesos de trabajo y la mejora de la mantenibilidad y la eficiencia de las hojas de estilo. El uso de CSS puede crear el maravilloso sitio web que queremos, y escribir CSS es un placer en sí mismo. Entonces, ¿cómo debemos crear hojas de estilo más atractivas? ¿Qué características deberían tener tu hoja de estilo? Al aprender y combinar mi propia experiencia laboral, he resumido una buena manera de hacer hojas de estilo hermosas.

Vincular o importar hojas de estilo suena como un trabajo despistado. He visto muchos desarrollos de sitios web con documentos CSS ordenados y bien organizados, pero lentamente, porque es posible que no puedan actualizarse rápidamente a corto plazo, o son demasiado vagos para administrar, esto hace que las hojas de estilo exquisitas creadas anteriormente se conviertan en basura. Si trabajamos en un gran sitio web que necesita publicar cientos de contenido. Debido a que el tiempo es limitado, debe anidar o organizar CSS para realizar modificaciones o actualizaciones rápidas. Con el tiempo, este hábito persiste hasta que un día se le dice que el sitio está completamente volcado y rediseñado (pero el contenido sigue siendo el mismo) y solo tiene una semana para crear (incluidas las pruebas). En términos generales, la actualización de las hojas de estilo es un método muy simple. A menos que modifique las áreas dispersas del sitio web durante mucho tiempo, no puede tener una comprensión general de la estructura de la hoja de estilo del sitio web.

Vincular o importar su hoja de estilo no es algo aleatorio. Cree una hoja de estilo limpia y ordenada y manténgala y estará más feliz de trabajar. Nota: Si intenta crear una nueva hoja de estilo cada vez que actualiza o agregue contenido nuevo, definitivamente está pidiendo problemas. Demasiado vincular e importar hojas de estilo puede dificultar la eliminación de los errores, lo que hace que las hojas de estilo sean difíciles de mantener. Es comprensible que los sitios web más grandes creen hojas de estilo de diferentes partes por separado. Solo ten cuidado de no ir a los extremos. Agregar muchas hojas de estilo agregará más solicitudes HTTP, lo que también puede afectar el trabajo posterior.

Además de elegir los elementos más apropiados y significativos para expresar, también debe determinar la selección de valores de atributos de clase e ID. Una definición clara puede simplificar el mantenimiento y los miembros del grupo lo entenderán. Ver esta definición:

.l10k {color: #369; }, .left-blue {color: #369; }, si lo hiciera, podría saber lo que significa, pero es posible que no lo entienda si me comparo con los demás. Incluso si sabe lo que significa hoy, ¿puede garantizar que aún sabrá lo que significa muchos años después? Es mejor no agregar dimensiones de color o longitud y ancho en los atributos de clase. Especificación de nomenclatura más apropiada :. Descripción de trabajo {color: #369; }

Muchos artículos han escrito algunos consejos sobre la resolución de problemas, y las anotaciones condicionales son una buena manera de controlar los lanzamientos de IE. Estoy de acuerdo en que los comentarios condicionales son mucho mejores que escribirlos en su documentación de CSS, pero lentamente he comenzado a darse cuenta de que mucha evidencia muestra que esta no es la mejor solución. Quiero establecer su altura mínima en un elemento, pero el navegador IE6 no la ejecuta, por lo que sabe que la altura que puede usar será tratada de la misma manera. Recrea una hoja de estilo y agregue comentarios condicionales a su logotipo. ¿Todas sus necesidades son seguir esta regla? Mantenga juntas las reglas de altura y altura más bajas, y elija un pequeño truco en el mismo documento CSS, ¿sería mejor? En este caso, creo que es difícil trabajar con este método.

¿Es bueno? Todos están bastante claros. Por supuesto, una cosa es innegable, lo que puede maximizar la reutilización del código y optimizar la configuración de los archivos del sitio web.

Bien, lo anterior son algunas de mis opiniones personales. Espero que todos me den más opiniones. ¡Tus sugerencias son mi motivación para desafiar las dificultades! ¡Gracias!