CSS

Hay algo que todos vemos en las páginas web, pero realmente no mucha gente sabe lo que es, y eso es el CSS (Cascading Style Sheet en Inglés). Es algo que muchas veces damos por hecho, pero que si no está, lo notamos enseguida.

Hasta ahora os hemos contado que HTML es lo que organiza los elementos en la página, pero el CSS es lo que maquilla todo, lo que hace que quede realmente bonito. Sin CSS lo que vemos es una página en blanco (parece un documento de texto en blanco).

document-tree

Es tan importante que hace que una misma página web pueda parecer totalmente distinta. A continuación tenéis un ejemplo de una misma página HTML con 3 estilos de CSS distintos.

Example3

 

Example2

 

Example1

 

Con HTML5 nos llega una nueva versión de CSS, CSS 3 que viene con muchísimas novedades. Entre las más importantes:css3-logo

• Colores transparentes: ahora es más sencillo aplicar transparencias a objetos.

• Bordes redondeados: se pueden añadir bordes redondeados.

• Sombras: añadir sombras a cualquier caja

• Web fonts: por fin se podrán visualizar nuevas tipografías aunque el cliente no las tenga instaladas.

• Fondos múltiples: utilizar varias imágenes de fondo en un mismo elemento.

• Degradados.

• Rotar textos: podemos rotarlos en cualquier ángulo

• Transiciones: nos permiten cambiar de un valor a otro marcando un tiempo y creando movimiento.

Cómo veis cada vez nos acercamos más a una web más dinámica, interactiva, y por qué no decirlo, bonita.

¡Nos vemos en el siguiente post!

 

Twitter Digg Delicious Stumbleupon Technorati Facebook Email

No hay comentarios aún... ¡Se el primero en dejar una respuesta!

Dejar un Comentario