CSS (Hojas de Estilo en Cascada)

Las hojas de estilo en cascada (CSS) son una herramienta muy popular en el diseño web. Es difícil imaginar muchas aplicaciones web sin ellas. Pueden acelerar la creación y edición de páginas web. Un archivo CSS se escribe prácticamente como una especie de archivo de texto y contiene instrucciones para el diseño. Así, también es posible que todas las subpáginas de un página web para utilizar el mismo diseño llamando a este archivo CSS en la cabecera de la página respectiva. Si cambias el diseño, sólo tienes que cambiar el archivo CSS y afectará a todas las páginas del proyecto web a editar.

Opciones de formato

Con el lenguaje de programación especial CSS se pueden hacer casi todas las tareas de formateo de un sitio web, al menos las relativas al diseño. Con el CSS puedes incluso crear marcos de diferentes tonos y gráficos sencillos. Las fuentes y los tamaños de las fuentes se definen una vez en el archivo CSS y, por lo tanto, están disponibles automáticamente en todo el catálogo o la presentación de la empresa. Hay muchas variaciones posibles, porque ciertas áreas como los encabezamientos, el contenido de los cuadros, los pies de foto o las notas de pie de página pueden definirse por separado. Se pueden declarar diferentes fondos de color con o sin patrones a través del CSS. Diferentes puntos de bala, varios elementos dinámicos y mucho más se puede realizar con CSS. Las imágenes, los vídeos y las secuencias de audio también pueden ser integrados de esta manera, si no quieres hacerlo de otra manera.

Sintaxis

De acuerdo con las directrices del W3C, las propiedades a mostrar están sujetas a ciertos conjuntos de reglas. Hay selectores que asignan un cierto valor a la propiedad respectiva entre paréntesis. Por ejemplo, en el caso del color de un encabezamiento de segundo orden, esto puede verse así: h2 { color: verde; } En lugar de "verde" también podría haber un número de color. Aquí, "h2" sería el selector, "color" la propiedad y "verde" el valor asignado. Por supuesto, se pueden asignar varias propiedades a la vez. Son importantes los espacios después de la apertura y antes del paréntesis de cierre y los punto y coma al final de cada tarea. En aras de la claridad, se recomienda disponer cada propiedad en una línea adicional. Para proyectos extensos, el sitio web entonces los comentarios internos no visibles tienen sentido.

cssCampos de aplicación y características especiales

Las hojas de estilo en cascada son relativamente fáciles de integrar en proyectos HTML y PHP. El HTML (Hyper Text Markup Language) fue inicialmente el ámbito de aplicación más extendido. Aquí se pueden insertar hojas de estilo individuales también dentro de un archivo HTML con los comandos de estilo. Las hojas de estilo en cascada, es decir, varios elementos de diseño, se definen en un archivo separado y se invocan en una zona específica de un archivo HTML o, más favorablemente, en la cabecera como archivo externo. En PHP (Hypertext Preprocessor - en realidad Personal Home Page Tools) los CSS no sólo se incluyen como archivo *.css, sino que se vinculan con los comandos de PHP. En principio, también es posible una combinación de PHP y HTML. La variante más moderna es trabajar con bases de datos, en las que en el caso de MySQL por ejemplo, las propiedades del proyecto web pueden ser creadas a través de PHP y CSS. Numerosos sistemas de bases de datos utilizan técnicas similares. Sin embargo, la mayoría de ellos usan lenguajes de programación adicionales que también usan CSS. Desafortunadamente hay algunas características especiales en cuanto a sistemas operativos y navegadores que hay que considerar. No todos los efectos se ven igual en todos los navegadores, algunos incluso no son interpretados por todos. Por lo tanto, a menudo hay que considerar diferentes versiones dependiendo del navegador y del sistema operativo en la forma en que se asignan los valores a las propiedades en el CSS. Para ello, el sistema operativo y el navegador utilizados suelen consultarse desde el encabezamiento del archivo HTML o PHP o desde el sistema de base de datos y se asigna una versión correcta de CSS.

ventajas e inconvenientes

Las CSS son una adición y simplificación bienvenida a los proyectos HTML y PHP. Están estructurados de manera lógica y pueden aprenderse con relativa rapidez. Un error en un archivo CSS, sin embargo, se mostrará en varias páginas a la vez, pero también se puede arreglar rápidamente. Hay problemas con las fuentes exóticas y los conjuntos de lenguas extranjeras. Por lo tanto, debe tomar precauciones y especificar una variante alternativa. En el caso de una fuente especial, se podría asignar delante de ella un valor para una fuente que normalmente está presente en todas partes. CSS para usar el último valor nominal de una propiedad. Si no se puede mostrar este valor, se ignora. Si ha asignado la fuente simple antes de esta asignación, se considera la última fuente interpretable y su página seguirá mostrándose de forma utilizable. Los conjuntos de idiomas extranjeros y otras características especiales deben integrarse en el proyecto web a través de HTML, PHP u otro lenguaje de programación o, si es necesario, redirigirse a una página en inglés.

Artículos de actualidad