CSS

¿Que es?
El CSS (hojas de estilo en cascada) es un lenguaje que define la apariencia de un documento escrito en un lenguaje de marcado (por ejemplo, HTML). Así, a los elementos de la página web creados con HTML se les dará la apariencia que se desee utilizando CSS: colores, espacios entre elementos, tipos de letra, ... separando de esta forma la estructura de la presentación.

¿Cuando surgió?
Håkon Wium Lie, CTO de la compañía Opera Software y cocreador del estándar CSS
CSS fue propuesto por primera vez por Håkon Wium Lie el 10 de octubre de 1994.

¿Para Sirve?
CSS permite a los diseñadores mover toda la información presentacional a otro archivo, la hoja de estilos, resultando en un código HTML notablemente más simple.

¿Que ventajas ofrece?
-Con una Hoja de Estilo podemos modificar la presentación de cada elemento sin modificar el código HTML, ahorrando esfuerzo y tiempo de edición. Así, el mantenimiento del sitio web se hace más sencillo.
-El lenguaje CSS ofrece una amplia gama de herramientas de composición más potentes que HTML.
-Con CSS se evita tener que recurrir a “trucos” para conseguir algunos efectos.
-Las Hojas de Estilo pueden usarse con otros lenguajes de programación (por ejemplo JavaScript) para conseguir efectos dinámicos en las páginas.
-Se pueden especificar Hojas de Estilo para distintos navegadores.
-Los usuarios con alguna discapacidad pueden definir su propia Hoja de Estilo y la regla !important obligará al navegador a suplantar la Hoja de Estilo del autor de la página.

¿Como se integra con HTML?
 <link rel="stylesheet" type="text/css" href="style.css">

Selectores
Los selectores declaran qué etiquetas se le aplican los estilos que coincidan con la etiqueta o atributo señalados en la regla.
Los selectores pueden aplicarse a:
Todos los elementos de un tipo, como los párrafos <p>

Propiedad
Hay 4 posibles valores para la propiedad position. Si un elemento está posicionado de una manera diferente a static, hay cuatro subpropiedades top, bottom, left, y right usadas para especificar posiciones y offsets.

Static
El valor por defecto a los elementos en el flujo normal.
Relative
El elemento el posicionado en el flujo normal, y luego movido relativamente a su posición normal. Los demás elementos son independientes del elemento movido relativamente.
Absolute
Especifica el posicionamiento absoluto. El elemento es posicionado en relación a su antecesor non-static más cercano.
Fixed

El elemento es posicionado absolutamente en una posición fija de la pantalla aunque el resto del documento se mueva

¿Minificar?
En archivos CSS muy grandes esto suele influir de forma considerable, por lo que lo ideal es utilizar los llamados Minify (Minificadores) para reducir el tamaño del archivo CSS condensando toda la información, eliminando espacios, retornos de carro, etc...

¿Herencia y cascada en CSS?

 Mediante la herencia se pueden especificar las propiedades de las fuentes de los elementos html o body y todo el resto de elementos los heredarán. Se pueden especificar los colores de fondo y de primer plano de un elemento contenedor concreto y todos los elementos hijos de este contenedor heredarán automáticamente el color de primer plano.

Hay tres conceptos principales que controlan el orden en el que se aplican las declaraciones de CSS:

Importancia.

Especificidad.

Orden en las fuentes.

¿Propiedades básicas de CSS?
Font-family: Define la familia tipográfica. ...
Font-size: Define el tamaño de la fuente y el valor se puede escribir en pixels o en ems. ...
Color: Define el color de la tipografía. ...
Width: ...
Max-width o min-width: ...
Height: ...
Max-height o min-height: ...
Padding: