Es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML, XML ó XHTML.
Al crear una página web, se utiliza en primer lugar el lenguaje HTML y XHTML para marcar los contenidos, es decir, para designar la función de cada elemento de la pagina: párrafo, titular, texto destacado, tabla, lista de elementos, Etc...
Css describe cómo se va a mostrar un documento en la pantalla, cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.
CSS también permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Los Estilos definen la forma de mostrar los elementos HTML y XML. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento. Css funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos, Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. Esta regla tiene dos partes: un selector y la declaración.
A su vez la declaración está compuesta por una propiedad y el valor que se le asigne por ejemplo:
• h1 {color: red;}
• h1 es el selector
• {color: red;} es la declaración
El selector: funciona como enlace entre el documento y el estilo, especificando los elementos que se van a ver afectados por esa declaración.La declaración: Es la parte de la regla que establece cuál será el efecto. En el ejemplo anterior, el selector h1 indica que todos los elementos h1 se verán afectados por la declaración donde se establece que la propiedad color va a tener el valor red (rojo) para todos los elementos h1 del documento o documentos que estén vinculados a esa hoja de estilos.
Hoja de Estilo Externa:Es una hoja de estilo que está almacenada en un archivo diferente al archivo donde se almacena el código HTML de la página Web. Esta es la manera de programar más potente, porque separa completamente las reglas de formateo para la página HTML de la estructura básica de la página.
hoja de estilo interna:Es una hoja de estilo que está incrustada dentro de un documento HTML. En general, la única vez que se usa una hoja de estilo interna, es cuando se quiere proporcionar alguna característica a una página Web en un simple fichero, por ejemplo, si se está enviando algo a la página Web.
Hoja de estilo en Linea:Es un método para insertar el lenguaje de estilo de página directamente dentro de una etiqueta HTML.
Las ventajas que ofrece CSS son:
•Control centralizado de la presentación de un sitio web completo con lo que se agiliza de forma considerable la actualización del mismo.
•Los navegadores permiten a los usuarios especificar su propia hoja de estilo local, que será aplicada a un sitio web, con lo que aumenta considerablemente la accesibilidad. Por ejemplo, personas con deficiencias visuales pueden configurar su propia hoja de estilo para aumentar el tamaño del texto o remarcar más los enlaces.
•Una página puede disponer de diferentes hojas de estilo según el dispositivo que la muestre o, incluso, a elección del usuario. Por ejemplo, para ser impresa, mostrada en un dispositivo móvil o ser "leída" por un sintetizador de voz.
•El documento HTML en sí mismo es más claro de entender y se consigue reducir considerablemente su tamaño (siempre y cuando no se utilice estilo en línea).
DANIEL ALEJANDRO BARRETO
COLEGIO IETI COMUNA 17