Qué es un lenguaje de marcado
Contenidos
CSS está diseñado para permitir la separación de la presentación y el contenido, incluyendo el diseño, los colores y las fuentes[3]. Esta separación puede mejorar la accesibilidad del contenido; proporcionar más flexibilidad y control en la especificación de las características de la presentación; permitir que varias páginas web compartan el formato especificando el CSS relevante en un archivo .css separado, lo que reduce la complejidad y la repetición en el contenido estructural; y permitir que el archivo .css se almacene en la caché para mejorar la velocidad de carga de la página entre las páginas que comparten el archivo y su formato.
La separación del formato y el contenido también hace posible presentar la misma página de marcado en diferentes estilos para diferentes métodos de representación, como en pantalla, en impresión, por voz (a través de un navegador basado en el habla o un lector de pantalla) y en dispositivos táctiles basados en Braille. CSS también tiene reglas para alternar el formato si se accede al contenido en un dispositivo móvil[4].
Las especificaciones CSS son mantenidas por el Consorcio de la World Wide Web (W3C). El tipo de medio de Internet (tipo MIME) text/css está registrado para su uso con CSS mediante el RFC 2318 (marzo de 1998). El W3C dispone de un servicio gratuito de validación de documentos CSS[5].
¿Es el html un lenguaje declarativo?
Primeros pasos de CSSCSS (Cascading Style Sheets) se utiliza para estilizar y maquetar páginas web – por ejemplo, para alterar la fuente, el color, el tamaño y el espaciado de su contenido, dividirlo en múltiples columnas, o añadir animaciones y otras características decorativas. Este módulo proporciona un comienzo suave en su camino hacia el dominio de CSS con los fundamentos de cómo funciona, cómo es la sintaxis, y cómo puede empezar a usarlo para añadir estilo a HTML.
Nota: Si estás trabajando en un ordenador/tabla/otro dispositivo en el que no tienes la capacidad de crear tus propios archivos, podrías probar (la mayoría de) los ejemplos de código en un programa de codificación online como JSBin o Glitch.
Las hojas de estilo en cascada (CSS) permiten crear páginas web de gran apariencia, pero ¿cómo funcionan bajo el capó? En este artículo se explica qué es CSS, con un sencillo ejemplo de sintaxis, y también se abordan algunos términos clave sobre el lenguaje.
Ahora que tienes una idea de lo que es CSS y de los fundamentos de su uso, es el momento de profundizar un poco más en la estructura del propio lenguaje. Ya hemos conocido muchos de los conceptos discutidos aquí; puedes volver a este para recapitular si encuentras algún concepto posterior confuso.
¿Es css un lenguaje de programación?
No es así CSS. Todas las declaraciones CSS obtienen su valor al mismo tiempo, y todas tienen efecto al mismo tiempo. Es imposible que una declaración CSS se aplique antes que cualquier otra declaración CSS. El orden de las declaraciones importa, pero cualquier conflicto se resuelve inmediatamente y no requiere (ni siquiera permite) estructuras de control. El mismo CSS dará siempre el mismo resultado.
El CSS acepta cambios en la representación inicial de la página, pero está fundamentalmente orientado al estado. Sólo puede reaccionar a un número limitado de cambios de estado bien definidos en una página web. Un buen ejemplo es el cambio de color de fondo al pasar por encima.
Cuando el estado del enlace cambia (es decir, cuando el puntero del ratón pasa por encima), CSS cambia de un conjunto de instrucciones a otro, y cuando el estado vuelve a ser no-hover, CSS vuelve al conjunto de instrucciones original.
Keith Grant señaló una interesante analogía. Si nosotros, como humanos, deseamos correr, simplemente le decimos a nuestro cuerpo que corra, y éste obedece. Podríamos descomponer el acto de correr en sus partes constituyentes, como “levantar la rodilla izquierda”, “levantar el pie izquierdo”, “avanzar la pierna izquierda”, etc., pero eso es mucho más difícil de hacer y probablemente nos caeríamos, como muestra este juego.
Ejemplos de lenguaje de hojas de estilo
Las reglas At, como @media o @supports, pueden anidarse del mismo modo que los selectores. La regla at se coloca en la parte superior y el orden relativo con respecto a otros elementos dentro del mismo conjunto de reglas no cambia. Esto se denomina burbujeo.
Las operaciones aritméticas +, -, *, / pueden operar sobre cualquier número, color o variable. Si es posible, las operaciones matemáticas tienen en cuenta las unidades y convierten los números antes de sumarlos, restarlos o compararlos. El resultado tiene a la izquierda el tipo de unidad explícito. Si la conversión es imposible o no tiene sentido, se ignoran las unidades. Ejemplo de conversión imposible: px a cm o rad a %.
La multiplicación y la división no convierten números. No tendría sentido en la mayoría de los casos – una longitud multiplicada por una longitud da un área y css no soporta especificar áreas. Less operará sobre los números tal y como son y asignará al resultado el tipo de unidad explícito.
Su uso es bastante sencillo. El siguiente ejemplo utiliza el porcentaje para convertir 0,5 en 50%, aumenta la saturación de un color base en un 5% y luego establece el color de fondo a uno que se aclara en un 25% y se gira en 8 grados: