Definición de CSS
CSS son las siglas de
Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que
describe la presentación de los documentos estructurados en hojas de estilo
para diferentes métodos de interpretación, es decir, describe cómo se va a
mostrar un documento en pantalla, por impresora, por voz (cuando la información
es pronunciada a través de un dispositivo de lectura) o en dispositivos
táctiles basados en Braille
¿Para
qué sirve el CSS?
CSS
es una especificación desarrollada por el W3C (World Wide Web Consortium) para
permitir la separación de los contenidos de los documentos escritos en HTML,
XML, XHTML, SVG, o XUL de la presentación del documento con las hojas de
estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes,
tipos de letra..., modificando as la apariencia de una página web de una forma
más sencilla, permitiendo a los desarrolladores controlar el estilo y formato
de sus documentos.
¿Cómo
funciona el lenguaje css?
El lenguaje CSS se basa en una serie de
reglas que rigen el estilo de los elementos en los documentos estructurados, y
que forman la sintaxis de las hojas de estilo. Cada regla consiste en un
selector y una declaración, esta última va entre corchetes y consiste en una
propiedad o atributo, y un valor separados por dos puntos.
Selector
El Selector especifica que elementos HTML van
a estar afectados por esa declaración, de manera que hace de enlace entre la
estructura del documento y la regla estilística en la hoja de estilo.
Declaración
La Declaración que va entre corchetes es la
información de estilo que indica cómo se va a ver el selector. En caso de que
haya más de una declaración se usa punto y coma para separarlas.
Propiedad
o Atributo y Valor
Dentro de la declaración, la Propiedad o
Atributo define la interpretación del elemento asignándose le un cierto Valor,
que puede ser color, alineación, tipo de fuente, tamaño, es decir, especifican
qué aspecto del selector se va a cambiar.
Ventajas
de CSS
CSS permite un mejor control en la
presentación de un sitio web que los elementos de HTML, agilizando su
actualización.
Aumento de la accesibilidad de los usuarios
gracias a que pueden especificar su propia hoja de estilo, permitiéndoles
modificar el formato de un sitio web según sus necesidades, de manera que por
ejemplo, personas con deficiencias visuales puedan configurar su propia hoja de
estilo para aumentar el tamaño del texto.
Una página puede tener diferentes hojas de
estilo para mostrarse en diferentes dispositivos, como pueden ser impresoras,
lectores de voz, o móviles.
Ejemplo CSS
<html>
<head> <link rel="stylesheet" type="text/css" href="CSS.css"> <style type="text/css"> body { color: purple; background-color: #d8da3d } </style> </head> <body> </body> </html> |
BIBLIOGRAFIA
No hay comentarios:
Publicar un comentario