Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Introducción A CSS 3

Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1de 3

Sumario

Dedicatoria..................................................................................................... 1
Con CSS 3, ms control sobre la forma..........................................................1
Propiedades nuevas en CSS 3........................................................................2
bibliografia..................................................................................................... 3
Conclusion...................................................................................................... 3

Dedicatoria
Introduccin a CSS 3
CSS 3 trae grandes novedades para el diseo de webs y algunos
navegadores comienzan a implementar CSS 3.
Desde que CSS comenz han pasado muchos aos y ya vamos por la
especificacin de CSS3, que incorpora una serie de novedades que vamos a
tratar de resumir en este artculo.
CSS
Si no sabes lo que es CSS probablemente te interesara comenzar leyendo
nuestro manual de CSS o la seccin de CSS a fondo. No obstante, cabra
decir que CSS es un lenguaje para definir el estilo o la apariencia de las
pginas 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 diseadores
mantener un control mucho ms preciso sobre la apariencia de las pginas.

Con CSS 3, ms 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 diseadores sobre los elementos de la pgina
ha sido ms difcil de cubrir. Las especificaciones anteriores del lenguaje
tenan muchas utilidades para aplicar estilos a las webs, pero los
desarrolladores aun continan usando trucos diversos para conseguir
efectos tan comunes o tan deseados como los bordes redondeados o el
sombreado de elementos en la pgina.
CSS 1 ya signific un avance considerable a la hora de disear pginas web,
aportando mucho mayor control de los elementos de la pgina. Pero como
todava quedaron muchas otras cosas que los diseadores deseaban hacer,
pero que CSS no permita especificar, stos deban hacer uso de trucos para
el diseo. Lo peor de esos trucos es que muchas veces implica alterar el
contenido de la pgina para incorporar nuevas etiquetas HTML que permitan
aplicar estilos de una manera ms elaborada. Dada la necesidad de cambiar
el contenido, para alterar al diseo y hacer cosas que CSS no permita, se
estaba dando al traste 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 todava avanza un poco ms en la direccin, de
aportar ms control sobre los elementos de la pgina.
As pues, la novedad ms importante que aporta CSS 3, de cara a los
desarrolladores de webs, consiste en la incorporacin de nuevos
mecanismos para mantener un mayor control sobre el estilo con el que se
muestran los elementos de las pginas, sin tener que recurrir a trucos o
hacks, que a menudo complicaban el cdigo de las web.

Propiedades nuevas en CSS 3


He aqu una lista de las principales propiedades que son novedad en CSS3.
Nota: El estndar de CSS3 a da de hoy est bastante estable, los
navegadores las soportan, pero realmente lo que es el estndar sigue en
evolucin, incorporando propiedades de estilos, redefiniendo sus
posibilidades, etc. Es por ello que ninguna lista que se escriba en un
momento dado sobre caractersticas de CSS3 podr estar completa, a no se
que se actualice semanalmente. En este listado tienes unas cuantas y en el
manual de CSS3 tienes muchas otras. En la medida de nuestras
posibilidades iremos actualizando.
Bordes
border-color

border-image

border-radius

box-shadow

Fondos
background-origin

background-clip

background-size

hacer capas con mltiples imgenes de fondo

Color
colores HSL

colores HSLA

colores RGBA

Opacidad

Texto
text-shadow
text-overflow

Rotura de palabras largas

Web Fonts

Interfaz
box-sizing

resize

outline

nav-top, nav-right, nav-bottom, nav-left

Selectores
Selectores por atributos

bibliografia
Conclusion

También podría gustarte