LENGUAJE CSS

LENGUAJE CSS

es un lenguaje utilizado en la presentación de documentos HTML

El lenguaje CSS sirve para organizar la presentación y aspecto de una página web. Este lenguaje es principalmente utilizado por parte de los navegadores web de internet y por los programadores web informáticos

La filosofía de CSS

Se basa en intentar separar lo que es la estructura del documento HTML de su presentación

Por decirlo de alguna manera: la página web sería lo que hay debajo (el contenido) y CSS sería un cristal de color que hace que el contenido se vea de una forma u otra.

opciones básicas del lenguaje CSS

Pueden ser el poder cambiar el color de algunas típicas etiquetas HTML como <H1> (h1 es una etiqueta en el lenguaje HTML destinada a mostrar un texto como encabezado, en tamaño grande)

Pero también hay funciones algo más complejas, como introducir espaciado entre elementos <DIV> (div es una etiqueta HTML para identificar una determinada región o división de contenido dentro de una página web) o establecer imágenes de fondo.

AMBITO DE DEFINICION PARA CSS

Si en un momento dado queremos cambiar la forma en que se ve la página pero no sus contenidos, únicamente tendríamos que modificar los archivos css. Pero también existen estas otras 2 formas de aplicar estilos.

Definición en línea:

En este método se define las propiedades de la etiqueta HTML con el atributo style dentro del mismo archivo HTML y se le asigna una determinada cadena que definiría el comportamiento. Ejemplo: <p style="color:red;">

Esta opción de definición, es rápida y para pequeñas cosas o reparaciones de mantenimiento web puede ser útil, pero si se abusa de esta técnica tendremos una página web muy poco legible ya que tendremos en un mismo archivo el contenido de la página web junto con su presentación

Definición hoja de estilos interna:

En este método se definen las propiedades de estilo de la misma manera que hacíamos en el archivo css independiente, pero en este caso se hace en la misma página entre las etiquetas <head> y </head>, como vemos en el siguiente ejemplo.

El código se escribe igual que en el archivo css y aunque no es igual de independiente, esta forma de definición al menos es algo más separada y legible que la anterior opción ya que la definición de la presentación al menos no se mezcla con el contenido de la página web.