¿Qué es CSS?

Las CSS son hojas de estilo en Cascada (Cascading Style Sheets) que establecen como han de presentarse los elementos HTML de nuestra página Web. Es decir, como ha de ser el formato de los títulos, párrafos, así como la posición que han de ocupar en la página. Por ejemplo, si queremos la imagen centrada o a la derecha, con borde, sin borde; el color de fondo de la misma. Es decir, CSS se ocupa del diseño de las páginas. En resumen, HTML se ocupa del contenido de la página y CSS del diseño de la misma. Por tanto, CSS permite separar el contenido del diseño, con todas las ventajas que ello conlleva.

Para ver en qué consiste, haz clic aquí

El primer diseño que verás será el siguiente. (Haz clic sobre la imagen para visualizarla a mayor tamaño)

A la derecha verás una columna que tiene una lista de los distintos diseños realizados. Si haces clic en cualquier diseño, observarás como el contenido sigue siendo el mismo, pero no así el aspecto de la página. Lo que cambia es la presentación. En nuestro caso, hemos hecho clic sobre el diseño denominado Sakura obteniendo el siguiente diseño.

Como podeis observar, es realmente fascinante e increiblemente práctico poder separar el contenido de la presentación. Ahorra horas de trabajo.

Sobre CSS hay muchísimos recursos. Los responsables del lenguaje tienen la página de referencia que recoge los standards del mismo a nivel mundial en inglés que es www.w3.org. Dos de las páginas de mayor calidad al respecto son la que acabamos de visitar y en español la siguiente

Ambas páginas muestran diseños realizados por diferentes artistas. CSS es un lenguaje en constante evolución. En su último desarrollo permite realizar cosas como:

• Menús
• Establecer un título y descripción de una fotografía
• Aplicar sangría al párrafo
• Establecer hojas CSS alternativas a elegir por el usuario o lector de la página
• Crear menús estilo confetti con distintos tamaños y colores
• Colorear filas y columnas de una tabla
• Crear pestañas
  
• Centrar horizontal y verticalmente los elementos
• Dar sombra a los recuadros creados
• Añadir sombra al texto
• Crear recuadros o tablas con bordes redondos

Algunos de estas cosas dependen del navegador utilizado.

Curso CSS

---

Si deseas aprender CSS, saber por donde empezar, realizar preguntas específicas o enviarnos algún fichero en donde tengas algún problema a resolver, no dudes en consultarnos, suscribiéndote a nuestro grupo de Google 5incoaprendices

Puedes suscribirte haciendo clic aquí

---

Redactado en: CSS