CSS3

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Manual de CSS 3

Autores del manual
Este manual ha sido realizado por los siguientes colaboradores de DesarrolloWeb.com:
Miguel Angel Alvarez
Director de DesarrolloWeb.com
http://www.desarrolloweb.com
(9 capítulos)

Manual de CSS 3: http://www.desarrolloweb.com/manuales/css3.html
© Los manuales de DesarrolloWeb.comtienen el copyright de sus autores. No reproducir sin autorización.

1

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Introducción a CSS 3
Desde que CSS comenzó han pasado muchos años y ya vamos por la especificación de CSS3,
que incorpora una serie de novedades que vamos a tratar de resumir en este artículo.

Qué es CSS
Si no sabes lo que es CSS probablemente teinteresaría comenzar leyendo nuestro manual de
CSS o la sección de CSS a fondo. No obstante, cabría decir que CSS es un lenguaje para definir
el estilo o la apariencia de las páginas web, escritas con HTML o de los documentos XML. CSS
se creó para separar el contenido de la forma, a la vez que permite a los diseñadores
mantener un control mucho más preciso sobre la apariencia de las páginas.

ConCSS 3, más control sobre la forma
El objetivo inicial de CSS, separar el contenido de la forma, se cumplió ya con las primeras
especificaciones del lenguaje. Sin embargo, el objetivo de ofrecer un control total a los
diseñadores sobre los elementos de la página ha sido más difícil de cubrir. Las especificaciones
anteriores del lenguaje tenían muchas utilidades para aplicar estilos a las webs,pero los
desarrolladores aun continúan usando trucos diversos para conseguir efectos tan comunes o
tan deseados como los bordes redondeados o el sombreado de elementos en la página.
CSS 1 ya significó un avance considerable a la hora de diseñar páginas web, aportando mucho
mayor control de los elementos de la página. Pero como todavía quedaron muchas otras cosas
que los diseñadores deseabanhacer, pero que CSS no permitía especificar, éstos debían hacer
uso de trucos para el diseño. Lo peor de esos trucos es que muchas veces implica alterar el
contenido de la página para incorporar nuevas etiquetas HTML que permitan aplicar estilos de
una manera más elaborada. Dada la necesidad de cambiar el contenido, para alterar al diseño
y hacer cosas que CSS no permitía, se estaba dando altraste con alguno de los objetivos para
los que CSS fue creado, que era el separar por completo el contenido de la forma.
CSS 2 incorporó algunas novedades interesantes, que hoy ya utilizamos habitualmente, pero
CSS 3 todavía avanza un poco más en la dirección, de aportar más control sobre los elementos
de la página.
Así pues, la novedad más importante que aporta CSS 3, de cara a losdesarrolladores de webs,
consiste en la incorporación de nuevos mecanismos para mantener un mayor control sobre el
estilo con el que se muestran los elementos de las páginas, sin tener que recurrir a trucos o
hacks, que a menudo complicaban el código de las web.

Manual de CSS 3: http://www.desarrolloweb.com/manuales/css3.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. Noreproducir sin autorización.

2

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Propiedades nuevas en CSS 3
He aquí una lista de las principales propiedades que son novedad en CSS3.
Bordes
•

border-color

•

border-image

•

border-radius

•

box-shadow

Fondos
•

background-origin

•

background-clip

•

background-size

•

hacer capascon múltiples imágenes de fondo

Color
•

colores HSL

•

colores HSLA

•

colores RGBA

•

Opacidad

Texto
•

text-shadow

•

text-overflow

•

Rotura de palabras largas

Interfaz
•

box-sizing

•

resize

•

outline

Manual de CSS 3: http://www.desarrolloweb.com/manuales/css3.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus...