LENGUAJE DE PROGRAMACIÒN CSS

¿Qué es CSS?

El termino CSS es la abreviatura de Cascading Style Sheet que dicho en español significa “Hojas de estilo en cascada”. Y es el lenguaje utilizado para describir o definir como se han de mostrar los elementos HTML o XML (incluyendo lenguajes basados o derivados como por ejemplo XHTML o SVG) y con qué estilo se han de presentar. Los estilos normalmente son almacenados en hojas de estilo y fueron añadidos en la codificación HTML para solucionar algunos problemas. Las hojas de estilo externas pueden ahorrar un buen montón de trabajo, son almacenados en archivos CSS.

Se pueden definir múltiples hojas de estilo para una misma página web.

[pic 1]

Ventajas

Las CSS al ser definiciones del aspecto con que se le presenta un documento al usuario esto permite:

• Permite independizar el contenido de una página web de su estructura.
• Da la posibilidad de alterar su aspecto sin necesidad de modificar la página sino tan solo su estilo.
• Capacidad accesible de actualización.
• Puedes incluir imágenes de fondo, sin tocar las líneas del HTML.
• No solo puede crear estilos, si no modificar los existentes.
• Permite describir bloques dentro del documento que pueden ser situados en cualquier parte del mismo. (Posicionamiento absoluto)
• Independiza el contenido de la descripción de su aspecto, de su formato.

• Al utilizar hojas de estilo externas ahorran tiempo, brindan flexibilidad y aportan coherencia de las páginas que componen los sitios web.
• Las páginas que utilizan CSS, son más fáciles de escribir, también en internet son más ligeras y aparecen rápidamente en el navegador.

Desventajas

Así como CSS contiene innumerables virtudes también contiene algunas contras:

• El soporte brindado a CSS por parte de los navegadores difiere debido a que algunos interpretan ciertas características de una manera y otros de otra, y en algunos casos ni siquiera las interpretan. Este hecho puede afectar el diseño de una aplicación Web.

Características

Combina atributos variados como son:

• Color
• Tamaño
• Fuente

No es necesario ponerlos uno a uno cada vez que se desee repetir la asigancion de estos mismos valores a otras partes del texto.

Puede definir los estilos sobre elementos como:

• Etiquetas
• Encabezados (<h1>, <h2>…)
• Párrafos (<p>)
• Enlaces (<a>)

También permite crear clases, algo similar a definir un estilo y darle un “alias”, un estilo afectara a todos los elementos a los que le apliquemos esta clase, este estilo se puede definir en línea (afectara solo al elemento seleccionado) o crear una regla, que esta puede afectar a toda la página o a todo el sitio.

...