INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

14
3 CSS

Transcript of INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

Page 1: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

3CSS

Page 2: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

INDICE• Introducción• Que es CSS?• Sobre CSS3• Formas de usar CSS3• Ventajas• Caracteristicas

Page 3: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

INTRODUCCION

• 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.

Page 4: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

QUE ES CSS?

• 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

Page 5: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

CSS3

CSS1• Algunas de las funcionalidades que ofrece son:• Propiedades de las Fuente, como tipo, tamaño, énfasis...• Color de texto, fondos, bordes u otros elementos.• Atributos del texto, como espaciado entre palabras, letras, líneas, etcétera.• Alineación de textos, imágenes, tablas u otros.• Propiedades de caja, como margen, borde, relleno o espaciado.

CSS2• La especificación CSS2 fue desarrollada por la W3C y publicada como

recomendación en mayo de 1998, y abandonada en abril de 2008.Como ampliación de CSS1, se ofrecieron, entre otras:

• las funcionalidades propias de las capas como de posicionamiento relativo/absoluto/fijo, niveles, etcétera.

• soporte para las hojas de estilo auditivas• texto bidireccional, sombras, etcétera

Page 6: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

• En diferencia a CSS2, CSS3 está dividida documentos separados, llamados "módulos".

• La especificación de CSS3 viene con interesantes novedades que permitirán hacer webs más elaboradas y más dinámicas, con mayor separación entre estilos y contenidos. Dará soporte a muchas necesidades de las webs actuales, sin tener que recurrir a trucos de diseñadores o lenguajes de programación

Page 7: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

Formas de usar CSS

• Mediante CSS introducido por el autor del HTML.

• Un estilo en línea

• Una hoja de estilo interna

• Una hoja de estilo externa

Page 8: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

Ventajas• Control centralizado de la presentación de un sitio web completo con

lo que se agiliza de forma considerable la actualización del mismo.

• Separación del contenido de la presentación, lo que facilita al creador, diseñador, usuario o dispositivo electrónico que muestre la página

• Nuevas propiedades especialmente en cuanto al aspecto gráfico

• Mejora en la accesibilidad del documento, pues con el uso del CSS se evitan antiguas prácticas necesarias para el control del diseño

• Capacidad de asignar múltiples fondos

Page 9: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

Características• Algunas de las características que ofrece CSS3:

• Bordes redondeados, con degradados, imágenes

• Cajas con sombra

Page 10: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

• Múltiples imágenes de fondo

• Múltiples columnas

Page 11: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

• Texto con sombra

Page 12: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

• Mejora en el uso de la opacidad

• Personalizado de fuentes

Page 13: INDICE Introducción Que es CSS? Sobre CSS3 Formas de usar CSS3 Ventajas Caracteristicas.

• http://www.subcide.com/experiments/fail-whale/