*   >> Lectura Educación Artículos >> education >> idiomas

Todo lo que necesitas saber sobre CSS3

¿Qué es?

CSS3 ofrece una gran variedad de nuevas formas de crear un impacto con sus diseños, con bastantes cambios importantes.

Módulos

El desarrollo de CSS3 va a ser dividido en "módulos". La antigua especificación era simplemente demasiado grande y complejo para ser actualizado como uno, por lo que se ha roto en pedazos más pequeños - por otras nuevas también agregaron. Algunos de estos módulos son:

  • La Caja Modelo
  • Listas Módulo
  • Hipervínculo Presentación
  • Módulo Discurso
  • Fondos y Fronteras
  • Efectos de texto
  • Diseño Multi-Columna

    Escala temporal

    Varios de los módulos ya se han completado, incluyendo SVG (Scalable Vector Graphics ), consultas de los medios de comunicación y espacios de nombres. Los otros todavía están siendo trabajados

    Es muy difícil dar una fecha proyectada cuando navegadores web adoptarán las nuevas características de CSS3 -.. Algunas nuevas construcciones de Safari ya han comenzado a

    Las nuevas características se implementarán gradualmente en distintos navegadores, y todavía podría ser un año o dos antes es ampliamente adoptado cada módulo.

    ¿Cómo me afectará CSS3?

    Con suerte, en un todo positivo camino. CSS3, obviamente, ser completamente compatible con versiones anteriores, por lo que no será necesario modificar los diseños existentes para asegurarse de que funcionan -. Navegadores web siempre seguirán apoyando CSS2

    El impacto principal será la posibilidad de utilizar nuevos selectores y las propiedades que están disponibles. Estos le permitirán tanto a lograr nuevas características de diseño (de animación o degradados por ejemplo), y alcanzar características de diseño actuales de una manera mucho más fácil (por ejemplo, utilizando columnas).

    La declaración Opacidad Define la opacidad un elemento es. Un valor de opacidad de 1 significa que el elemento es totalmente opaco; un valor de opacidad de 0 significa que un elemento no es para nada opaca, es decir, totalmente transparente

    div {background-color: rgb (255,0,0);. Opacidad: 1; }

    Webkit, Gecko y Opera navegadores toda opacidad apoyo.

    La declaración RGBA le permite ajustar la opacidad (a través del canal Alpha) como parte del valor de color.

    div {background-color: rgba (255,0,0,1); }

    Esto es apoyado en Webkit y la primera alpha de Firefox 3.

    La diferencia clav

    Page   <<       [1] [2] >>

  • Copyright © 2008 - 2016 Lectura Educación Artículos,http://lectura.nmjjxx.com All rights reserved.