El lenguaje CSS (Cascading Styleshets) es la representación visual de la pagina web el cual permite separar la estructura del diseño al vincular plantillas de documento con los elementos HTML, definido por primera vez en 1996.
Por que usar CSS en lugar de tablas anidadas?
Menos código y más transparencia
En lugar del amasijo de instrucciones de formato y tablas de diseño anidadas, el código fuente de elementos se compone ahora de bloques lógicos muy claros, esto permite leer mejor y acortar drásticamente los tiempos de carga.
Facilita las actualizaciones
Todas las modificaciones que se quieran hacer al documento HTML se pueden hacer de forma centralmente gracias a que las instrucciones de diseño están fuera del documento HTML.
Accesibilidad
Al poseer el contenido separado de la presentación hace que el documento HTML sea más accesible en cualquier plataforma.
Usabilidad
CSS contiene muchas funciones y métodos para proporcional una visita amena a cada uno de los visitantes de la pagina web.
Buscadores
El menor código fuente y la estructura ordenada hace más rápida la lectura de los bot de búsqueda
Estructura de las instrucciones de estilo.
Toda instrucción de estilo consta de dos partes: el selector y la declaración
Por que usar CSS en lugar de tablas anidadas?
Menos código y más transparencia
En lugar del amasijo de instrucciones de formato y tablas de diseño anidadas, el código fuente de elementos se compone ahora de bloques lógicos muy claros, esto permite leer mejor y acortar drásticamente los tiempos de carga.
Facilita las actualizaciones
Todas las modificaciones que se quieran hacer al documento HTML se pueden hacer de forma centralmente gracias a que las instrucciones de diseño están fuera del documento HTML.
Accesibilidad
Al poseer el contenido separado de la presentación hace que el documento HTML sea más accesible en cualquier plataforma.
Usabilidad
CSS contiene muchas funciones y métodos para proporcional una visita amena a cada uno de los visitantes de la pagina web.
Buscadores
El menor código fuente y la estructura ordenada hace más rápida la lectura de los bot de búsqueda
Estructura de las instrucciones de estilo.
Toda instrucción de estilo consta de dos partes: el selector y la declaración
h1{color: #000066;}Esta instrucción determina que a todos los títulos de primer nivel se les asigne el color azul oscuro.
| h1 | selector |
| {color:#000066;} | declaración |
| color | propiedad |
| #000066; | valor |
La propiedad y el valor se escriben separados por dos puntos, el valor indicado siempre depende de la propiedad elegida. Algunas requieren una medida de longitud o una indicación de color.
Ampliando la instrucción podemos obtener:
h1 {
background-color:#c0c0c0;
color: #000066;
}Observemos que con instrucción se termina cada par con un punto y como(;).
Source: Diseño Web con CSS - Ralph G. Schulz.
