You are on page 1of 3

CSS3

Cascading Style Sheets, versión número 3, viene ligado a HTML5. CSS es lo que
hace bonito a un sitio web. Se trata del lenguaje que utilizamos para dar colores,
tipos y tamaños de letra, y, valga la redundancia, estilo a nuestra página. Al
escribir un sitio web con HTML, debemos enlazarlo a una hoja de estilos (archivo
con extensión .css) que le dará características.

Con CSS3 simplificamos tareas antes difíciles de efectuar, como aplicar bordes
redondeados, sombras y animaciones (!) a cualquier elemento del archivo HTML,
de manera sencilla, rápida y bastante eficaz, ya que funciona en casi todos los
navegadores modernos.

Que es y para que sirve CSS3?
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.
A partir del año 2005 se comenzó a definir el sucesor de esta versión, al cual se lo
conoce como CSS3 o Cascading Style Sheets Level 3. Actualmente en definición,
esta versión nos ofrece una gran variedad de opciones muy importantes para las
necesidades del diseño web actual. Desde opciones de sombreado y redondeado,
hasta funciones avanzadas de movimiento y transformación, CSS3 es el estándar
que dominará la web por los siguientes años.

Para que sirve?

CSS sirve para definir la estética de un sitio web en un documento externo y eso
mismo permite que modificando ese documento (la hoja CSS) podamos cambiar la
estética entera de un sitio web… ese es precisamente el poder de CSS, en otras
palabras, el mismo sitio web puede variar totalmente de estética cambiando solo la
CSS, sin tocar para nada los documentos HTML o jsp o asp que lo componen, ya
con CSS3 se suman muchas nuevos efectos que harán de la que la parte visual
de nuestra página sea mucho más agradable y llamativa, como sombras,
transformaciones de figuras, creación sencilla de bordes y efectos 3D.

Principales Caracteristicas de CSS3

Con la versión tres del CSS, han llegado muchas nuevas características:

MÓDULO DEL COLOR CSS3: CSS3 soporta más color y una gama más amplia de las definiciones del color. Los nuevos colores que proporciona CSS3 es HSL.1+. BORDES CON IMAGEN: Las propiedades generalmente de los bordes en CSS no son suficientes. Si tienes un texto en tu págia Web demasiado de largo. ESQUINAS REDONDEADAS O BORDES REDONDEADOS: A continuación se demuestra cómo crear fácilmente las esquinas redondeadas para cualquier caja usando border-radius y background position. pero quitado en CSS 2. HSLA y RGBA.Permite lograr estilos y efectos visuales que antes sólo eran posibles por medio de tecnologías adicionales. . Si quieres utilizar las imágenes para los bordes.Las ventajas principales en esta nueva versión son la inclusión de nuevas propiedades especialmente en cuanto al aspecto gráfico (recordemos que CSS también es utilizado para describir estilos para medios de audio) aunque se prevean mejores sustanciales en otros medios como el de sonido. SOMBRA PARA TEXTO: ¿Necesitas usar Photoshop o Fireworks para crear sombras para el texto? La propiedad text-shadow de CSS3 permite agregar una sombra a cada letra del texto. esta propiedad de CSS3 podría serte realmente útil. . Box-shadow es soportado actualmente del Safari 3+ y Firefox 3. BORDES CON DEGRADADOS: Puedes obtener bordes con degradados usando: -moz-border-radius / -webkit-border property. fue propuesto originalmente en CSS2. CSS3 soporta imagen en los bordes a través de las porpiedades border-image y border-corner- image. CAJAS CON SOMBRA: La propiedad de CSS3 box-shadow permite agregar un efecto de sombra sin usar imágenes a un elemento seleccionado. MÚLTIPLES COLUMNAS (MULTIPLE COLUMNS): Este módulo de CSS3 permite colocar los textos en varias columnas de forma mucho más simple usando las propiedades: -moz-column-count and -moz-column-width. Ventajas .1. Esta propiedad no es nueva en CSS3. CMYK.

sombra en las cajas. . aunque CSS3 está intentando facilitar dicho trabajo. Las novedades de CSS3 nos permiten ahorrarnos tiempo y trabajo al poder seguir varias técnicas (bordes redondeados. También se habla del hecho de que con estas nuevas propiedades la carga de la página deberá descender pues el hecho de que muchos de los efectos estén ahora bajo control del navegador hará que los recursos visuales e imágenes que ahora empleamos ya no tengan razón de seguir siendo utilizados.El uso de las tablas nos permitía crear diseños complejos de forma mucho más sencilla que utilizando CSS. etc) sin necesidad de usar un editor gráfico. Inconvenientes . .. sombra en el texto.