Introducción al control StyleSheet
Actualización: noviembre 2007
El diseñador de páginas de ASP.NET Mobile Web Forms facilita la utilización de estilos en las páginas a través del control StyleSheet. Los controles StyleSheet sólo se pueden asociar a páginas de ASP.NET Mobile Web Forms o a controles de usuario móviles. No puede haber más de una hoja de estilos por página o control.
Nota
Los controles de ASP.NET Mobile no admiten hojas de estilos en cascada.
.gif "Hoja de estilos de cuadro de herramientas de ASP.NET")
Cada hoja de estilos contiene uno o varios estilos. Un control hace referencia a los estilos mediante la propiedad StyleReference.
Las hojas de estilos son distintas de las plantillas. A diferencia de las plantillas, que especifican contenido y controles reutilizables, las hojas de estilos contienen información sobre la forma en que se representarán los controles y el contenido. Además, las hojas de estilos pueden contener plantillas dentro de los propios estilos. Al aplicar estilos a los controles, la información de estilo y las plantillas predeterminadas de los controles quedan reemplazadas.
Para definir los estilos de un control StyleSheet se utiliza el Editor de estilos. El editor deriva estos estilos de los estilos proporcionados en los controles de ASP.NET Mobile. En la actualidad, los controles móviles definen los estilos Style y PagerStyle. Style contiene las propiedades de apariencia comunes de los controles móviles. PagerStyle contiene las propiedades de Style y las propiedades que pueden aplicarse a los controles paginados.
Estilos que proporcionan una apariencia coherente
El control StyleSheet constituye una herramienta muy útil que permite dar una apariencia coherente al contenido y a los controles de una página. Por ejemplo, se puede aplicar un estilo a un determinado grupo de controles colocándolos en un control Panel y estableciendo la propiedad StyleReference del control Panel en uno de los estilos de la hoja de estilos.
Para dar una apariencia coherente a las distintas páginas de una aplicación, los controles pueden hacer referencia a hojas de estilos externas. Una hoja de estilos externa es un control de usuario móvil de un archivo .ascx que contiene un control StyleSheet. Para tener acceso a estilos externos, una página de formularios Mobile Web Forms debe contener un control StyleSheet. Establezca la propiedad ReferencePath del control StyleSheet en la ruta de acceso y el nombre del archivo .ascx que contiene la hoja de estilos externa.
Los estilos de la hoja de estilos externa se denominan estilos externos. Los estilos del control StyleSheet asociado a la página actual se denominan estilos internos. Los controles de la página pueden hacer referencia tanto a los estilos internos como a los estilos externos mediante su nombre. Si un estilo interno y un estilo externo tienen el mismo nombre, el estilo interno tiene prioridad. De este modo, las aplicaciones pueden utilizar hojas de estilos externas para proporcionar estilos predeterminados a todas sus páginas y, además, pueden utilizar los estilos internos para reemplazar los estilos predeterminados de páginas específicas.
Con los estilos externos, pueden producirse referencias circulares. Por ejemplo, si el estilo A de una hoja de estilos externa X hace referencia al estilo B de una hoja de estilos externa Y que hace referencia a A en X, se produce una referencia circular. Se debe resolver la referencia circular o los estilos no funcionarán.
El diseñador no utiliza estilos externos para representar el contenido y los controles de una página. Sin embargo, representa los estilos para cualquier control cuya propiedad StyleReference haga referencia a un estilo interno.
Estilos específicos de dispositivos
Los estilos proporcionan un método que permite adaptar la presentación del contenido y de los controles de las páginas a determinados dispositivos de hardware. Los desarrolladores pueden asociar uno o varios filtros de dispositivo a cualquier estilo de una hoja de estilos. Si un filtro de dispositivo se evalúa como true en tiempo de ejecución, el estilo se representa mediante un conjunto de plantillas y mediante los valores de reemplazo de propiedades conectados al filtro de dispositivo.
Esta técnica resulta especialmente eficaz cuando se combina con hojas de estilos externas. Por ejemplo, una aplicación puede utilizar hojas de estilos externas y estilos específicos de dispositivos para definir un conjunto determinado de controles de exploración orientados a equipos de mano. Tanto los controles como los estilos en los que éstos se representan pueden agregarse con facilidad a todas y cada una de las páginas de la aplicación mediante una simple referencia al estilo.
La misma aplicación puede utilizar filtros de dispositivo para detectar cuándo se ejecuta en un teléfono móvil habilitado para el Web. Responde utilizando un conjunto distinto de plantillas de estilo y de valores de reemplazo de propiedades adecuados para el teléfono y que se aplicarán a todas las páginas. Cuando se inventan nuevos dispositivos móviles, la definición de un conjunto nuevo de plantillas específicas de dispositivos y de valores de reemplazo de propiedades traslada eficazmente la aplicación al nuevo hardware.
También puede utilizar el elemento PropertyOverrides en la ventana Propiedades si desea aplicar valores de reemplazo de propiedades a un estilo para personalizar el aspecto que tendrá en determinados dispositivos.
Vea también
Tareas
Cómo: Agregar y configurar un control StyleSheet