CSS

¿QUE ES CSS?

CSS son las siglas de Cascading Style Sheets (en español, hojas de estilo en cascada), y es un lenguaje que define el estilo de la presentación de páginas de Internet. Se usa comúnmente en conjunto con HTML, donde la parte de HTML define la estructura de la página, y la parte de CSS define la presentación de la página, esto es, aspectos como colores, tipos de letra, márgenes, dimensiones, entre otros.
 Se utiliza para dar formato a documentos HTML y XML, separando el contenido de la presentación. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo.
Entre sus beneficios concretos encontramos:

•  Control de la presentación de muchos documentos desde una única hoja de estilo. 
•  Control más preciso de la presentación. 
• Aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.)

Soportes de CSS en los navegadores

El trabajo del diseñador web siempre está limitado por las posibilidades de los navegadores que utilizan los usuarios para acceder a sus páginas. Por este motivo es imprescindible conocer el soporte de CSS en cada uno de los navegadores más utilizados del mercado.

Estilos
Selectores :

•  Los selectores de etiquetas HTML, se utilizan escribiendo el nombre de la etiqueta a la que le aplicaremos el estilo. 
• Los selectores de identificador, se usan para aplicar estilos solo a las etiquetas identificadas con un nombre. 
• El tercer selector es el de clase, se escribe en el documento CSS comenzando con un punto seguido del nombre que le queramos poner a la clase, de esta forma: .mi_clase. 

Formas de implementación

  Hoja de estilos externa: Esta es la forma más versátil , un fichero externo contiene todo nuestro código CSS de manera que es completamente independiente el código propio de la página web de su código de formato. 

 Hoja de estilos interna (la etiqueta style):  consiste en incluir el código CSS en la cabecera del sitio (etiquetas head del documento HTML), concretamente dentro de las etiquetas <style> </style>

 Estilos en línea (el atributo style):  el navegador interpreta el código (tanto HTML como CSS) lineal mente de izquierda a derecha y de arriba a abajo (tal y como leemos nosotros). Por eso, si lo primero que hacemos es incluir una hoja de estilos externa, luego implementamos una hoja de estilos interna y posteriormente le damos un estilo a una etiqueta HTML concreta, el estilo que visualizaremos será el de la etiqueta HTML por ser el último que el navegador ha leído. 

Estilo en línea 

Una de las formas más simples e intuitivas de dotar de estilos al código HTML es usando el atributo style que admiten la mayoría de las etiquetas HTML.

Estilo definido para toda una página 

Podemos definir, en la cabecera del documento, estilos para que sean aplicados a toda la página.

Font-size 

Una vez seleccionado el tipo de letra, se puede modificar su tamaño mediante la propiedad font-size. Además de todas las unidades de medida relativa y absoluta y el uso de porcentajes.

 tamaño_absoluto: indica el tamaño de letra de forma absoluta mediante alguna de las palabras clave, tales como xx-small, x-small, small, medium, large, x-large, xx-large. 

 tamaño_relativo: indica de forma relativa el tamaño de letra del texto mediante dos palabras clave (larger, smaller) que toman como referencia el tamaño de letra del elemento padre.