CSS

Internet Explorer 10, así como las aplicaciones de la Tienda Windows con JavaScript en Windows 8, admiten varias características nuevas de las Hojas de estilo CSS, incluido un nuevo diseño avanzado, efectos visuales y funciones para movimiento panorámico y zoom. Esta tendencia comenzó con Windows Internet Explorer 8 (compatibilidad completa con la norma de Hojas de estilo CSS de nivel 2, revisión 1 [CSS2.1]) y continuó con Windows Internet Explorer 9 (compatibilidad para las esquinas redondeadas, varias imágenes de fondo, nuevos modelos de color y opacidad de CSS, las fuentes y el formato abierto de fuentes web [WOFF] de las Hojas de estilo CSS de nivel 3 [CSS3], transformaciones 2D, consultas de medios, espacios de nombres CSS3, etc.). Internet Explorer 10 continúa con este progreso introduciendo compatibilidad con las características de CSS descritas en esta sección.

Importante  Estas características funcionan igual en Internet Explorer 10 y en las aplicaciones de la Tienda Windows con JavaScript.

Nota  Para obtener una lista de la compatibilidad con CSS en todas las versiones recientes de Windows Internet Explorer, consulta el tema sobre la compatibilidad con CSS en Internet Explorer.

Diseño avanzado

Internet Explorer 10 y Windows 8 presentan algunos métodos nuevos para diseñar la página web o la aplicación de la Tienda Windows con JavaScript con CSS. Estos son algunos de estos métodos:

TemaDescripción

Exclusiones CSS

Ajusta el texto para que rodee completamente a los elementos, en lugar de limitarlos a que floten a la izquierda o a la derecha del texto.

Regiones CSS

Toma una secuencia única de contenido HTML que incluya texto e imágenes, y transmite ese contenido a varios contenedores vacíos definidos en un documento HTML estándar.

Formato multicolumna CSS3

Coloca contenido en varias columnas entre las que se permita la existencia de un intervalo y una regla opcional.

Diseño de caja flexible ("Flexbox") CSS3

Tiene en cuenta el espacio disponible cuando se definen las dimensiones de la caja, lo que permite utilizar tamaños y posicionamientos relativos.

Diseño de cuadrícula CSS3

Divide el espacio para las regiones principales de una página web o aplicación web, y define la relación entre las partes de un control HTML en cuanto al tamaño, la posición y la capa.

Adaptación de dispositivos CSS

La regla @-ms-viewport, en combinación con las consultas de medios CSS, permite a los desarrolladores web y de aplicaciones de la Tienda Windows con JavaScript para Windows 8 optimizar, con un mínimo de esfuerzo, el diseño de los sitios y las aplicaciones para diferentes dispositivos.

 

Efectos visuales

Internet Explorer 10 y las aplicaciones de la Tienda Windows con JavaScript admiten algunos de los módulos de efectos visuales más recientes de CSS3. Son:

TemaDescripción

Transformaciones 3D CSS3

Traslada, gira y escala los elementos en espacios 2D y 3D.

Animaciones CSS3

Anima elementos variando automáticamente y sin dificultad las propiedades CSS con el paso del tiempo.

Fuentes CSS3

Accede a las características avanzadas de tipografía de las fuentes OpenType que las incluyan.

Degradados CSS3

Agrega degradados de color a cualquier propiedad que acepte imágenes.

Transiciones CSS3

Crea animaciones simples cambiando sin dificultad los valores de la propiedad CSS de un valor inicial a un valor final.

Texto CSS3

Aplica una sombra al texto o separa bloques de texto con guiones automáticamente.

 

Otras características nuevas

Internet Explorer 10 y las aplicaciones de la Tienda Windows con JavaScript también presentan las siguientes características nuevas:

TemaDescripción

Eliminación de límites en la hoja de estilos

En Internet Explorer 10 ya no hay límites en la cantidad de hojas de estilos por página web ni en la cantidad de niveles de anidación, como sucedía en versiones anteriores de Internet Explorer.

Desplazamiento y acercamiento táctiles

Al usar CSS, puedes controlar las vistas de desplazamiento y acercamiento de la página web optimizada para tecnología táctil en Internet Explorer 10 o en la aplicación de la Tienda Windows con JavaScript en Windows 8.

Especificación de texto seleccionable

-ms-user-select es una nueva propiedad CSS que permite a los desarrolladores web y de aplicaciones controlar dónde pueden los usuarios seleccionar texto en sus páginas web o aplicaciones de la Tienda Windows con JavaScript.

 

Temas relacionados

Guía de Internet Explorer 10 para desarrolladores

 

 

Mostrar:
© 2014 Microsoft