Las hojas de estilo y XHTML

Cascading Style Sheets (CSS) es una herramienta de enorme alcance que ha sido lenta en la captura en el mundo el desarrollo en HTML. Si está o no uso (o similares) CSS, la continua evolución de CSS está profundamente entrelazado con el trabajo para avanzar en XHTML para aprender acerca de CSS le ayudará a entender XHTML, así como su aplicación. Afortunadamente, el CSS no es muy difícil una vez que un maestro de algunas estructuras clave y aprender a aplicar su vocabulario. Hay algunos problemas reales con las implementaciones de CSS que cubren más adelante en este artículo, pero el trabajo XHTML futuro probablemente debería hacer el mayor uso de CSS como sea posible.

NotaLas hojas de estilo en cascada es una especificación de enorme en sí mismo, por valor de un artículo o tres por su cuenta. En este artículo se inició en el CSS, pero usted desea encontrar información adicional, si usted se mueve en CSS en una gran forma. La información más reciente sobre las hojas de estilo en cascada del W3C está disponible en http://www.w3.org/Style/CSS/. Los debates se centran en este artículo sobre CSS de nivel 1 y CSS de nivel 2, los cuales son estables, como las especificaciones de papel, si no está completamente implementado. El desarrollo actual de CSS Level 3 es probablemente traiga consigo algunos cambios significativos en el paisaje XHTML, y es definitivamente vale la pena seguir. Para obtener una lista actual de los trabajos CSS, vea http://www.w3.org/Style/CSS/current-work.

La separación de Formato de contenido

CSS fue uno de los primeros esfuerzos de la W3C a separar la información de formato de la estructura del documento en HTML. Este tema recurrente ha sido en el corazón de la mayoría de la actividad de W3C HTML desde HTML 4.0 's empezar, y CSS es un ingrediente fundamental en la ejecución de ese proyecto. Al proporcionar un simple conjunto de herramientas que ejercen el control mucho más exhaustivo sobre la presentación de HTML, CSS debía atraer a los desarrolladores lejos de los millones de etiquetas de fuente utilizado en los documentos HTML. CSS es la zanahoria; HTML 4.0 's (y) XHTML de desaprobación del elemento fuente es el palo. CSS documento ofrece a los diseñadores una serie de funciones clave que son casi imposibles de aplicar de forma eficaz con el HTML directamente (incluso si se utiliza el elemento FONT) . CSS también ofrece reutilización. Las descripciones de formato aplicado a los documentos se pueden aplicar a cualquier documento con el mismo vocabulario. CSS incluso le permite crear hojas de estilo que frente a las situaciones particulares dentro de un vocabulario determinado, especificando el formato basado en las estructuras elemento anidado o valores de atributo. Puede hacer que decenas de miles de documentos HTML utilizan el mismo formato que sólo mediante la conexión de una línea de código en cada documento a la misma hoja de estilo CSS. Esto también hace que sea fácil para cambiar el formato a través de todos los documentos, ya que los cambios realizados en la hoja de estilo principal se reflejan en todos los documentos que lo utilizan. Gestión de la presentación es mucho más simple cuando lo único que necesita es un cambio en una hoja de estilo en lugar de una búsqueda y sustitución a través de miles de documentos.

Consejo

El modelo de procesamiento de CSSCascading Style Sheets toma lo que se conoce como un anotación enfoque para el formato de los documentos. En lugar de convertir un documento a otro (el transformador enfoque de XSL), transformadores CSS agregar la información de las hojas de estilo en los navegadores de las estructuras y otras herramientas utilizadas para presentar la información. Al igual que HTML, CSS asume que el contenido dentro de las estructuras elemento es para mostrar los atributos, mientras están destinadas a proporcionar más información que no debe mostrarse directamente como parte del flujo de texto. Efectivamente, la información de hojas de estilo se trata como de marcas adicionales, como atributos, y sobre todo modifica la presentación de la información ya en el documento, no su contenido.

ConsejoCSS2 y CSS3 proporcionar algunas herramientas simples para modificar el contenido, pero nada complejo o especialmente potente, por lo menos en comparación con las capacidades de transformación XSLT. CSS3 también proporciona herramientas para conectar a los elementos a través de secuencias de comandos de hojas de estilo. A pesar de estas herramientas adicionales, la descripción precedente tiene muy bien para la mayoría de actividad actual de CSS. Hojas de estilo en cascada que se ocupan de HTML o XHTML puede basarse en la comprensión de los navegadores ya tenemos sobre la semántica de presentación del vocabulario HTML. Los elementos H1 normalmente se prestan en tipo más grande que los elementos H2, elementos de LI se representan como sangría de viñeta (o numerada, dependiendo del contexto), elementos de la lista, y así sucesivamente. En HTML y XHTML, CSS permite a los diseñadores para afinar los ya entender las reglas. En algunos casos, CSS también permite a los diseñadores de romper las reglas por completo, utilizando trucos como el posicionamiento CSS para colocar el contenido en determinados lugares, en la pantalla o en una ventana de documento.

ConsejoPara obtener una imagen clara de la "entiende" la semántica de la presentación del vocabulario HTML, consulte la no-normativo (en realidad no oficial) de hojas de estilo en el Apéndice A de la especificación CSS2 (http://www.w3.org/TR/REC-CSS2 / sample.html). También puede utilizar esta hoja de estilos para mostrar los documentos XHTML en los navegadores XML que una comprensión clara de la falta de vocabulario HTML. Incluso incluye normas para la presentación sonora! Dado que los navegadores ya tienen normas para el HTML cómo se presentan incorporado en su código, los diseñadores pueden especificar tanto o tan poco como la información de formato que les gusta. Además, es posible crear documentos y hojas de estilo que se degradan con gracia. Los navegadores que no entienden CSS, o que sólo entienden una parte del vocabulario de CSS usado en una hoja de estilo, son capaces de presentar una visión básica del documento a los usuarios. Esto es muy útil para crear documentos HTML que debe ser visto en navegadores más antiguos (la generación 3.x) o en navegadores de sólo texto como Lynx. Hojas de estilo CSS se construyen a partir de listas de reglas. Si bien hay algunas jerarquías de estas listas (más sobre esto más adelante en el artículo), las listas de las normas en general, se componen de dos partes. La primera parte es laselector, Que identifica a qué elementos se aplica una norma determinada. La segunda parte, compuesta de las propiedades, se describe el formato que un conjunto de elementos que deben recibir. La sintaxis general es el siguiente:

 selector (propertyName1: propertyValue1; propertyName2: propertyValue2; etc ..)

Uso de selectores deLas hojas de estilo en cascada a menudo están separados de los elementos o documentos que el formato, de modo que las hojas de estilo necesidad de tener una forma de identificar los elementos que necesitan que el formato. Selectores de proporcionar una capa flexible de la abstracción que hace que sea fácil de aplicar a las propiedades de los tipos de elementos individuales, así como los grupos y subgrupos de tipos de elementos. Selectores de describir las partes de un documento que debe recibir el formato en particular y que hacen más fácil para crear hojas de estilo que trabajar a través de un conjunto de documentos, que no describen las estructuras de documento en general. Hay muchos estilos diferentes de codificación para los selectores, todas construidas en la misma sintaxis. Selectores de las reiteradas declaraciones en una hoja de estilo usando el mismo selector son perfectamente aceptables, y múltiples pueden orientar el mismo elemento. A diferencia de las definiciones de tipo de documento XML, no hay ningún requisito de que un documento dado se ajustan a la estructura descrita por una hoja de estilo. Si se utiliza un selector de que no tiene un partido en un documento dado, se omite la regla. Estas normas bastante relajada permite crear hojas de estilo sofisticado que se ajusten bien a través de documentos con estructuras muy variadas. La forma más sencilla de selección es un nombre de elemento, lo que indica que todos los elementos con ese nombre debería recibir el estilo especificado en las propiedades de las llaves:

h1 (font-family: serif)

En este caso, todos los elementos h1 se prestan en tipografía serif del navegador por defecto - Times o Times New Roman, por lo general. Si usted desea aplicar las mismas propiedades a H1, H2, y H3 elementos, se puede escribir:

h1 (font-family: serif) h2 (font-family: serif) H3 (font-family: serif)

O bien, para reducir el tamaño de esta, usted puede tomar ventaja de otra de las características de los selectores CSS: comas. Esta sola declaración tiene el mismo significado que las tres declaraciones anteriores:

H1, H2, H3 (font-family: serif)

Si desea especificar el formato particular, para los elementos que están contenidos por otros elementos, los selectores de CSS permiten especificar las relaciones de contención. Si, por ejemplo, desea que el contenido de los elementos em que aparecer en una tipografía sans-serif cuando se usa dentro de las listas no ordenadas y en una tipografía serif cuando se usa dentro de las listas ordenadas, puede utilizar estas dos declaraciones:

em ul (font-family: sans-serif) em ol (font-family: serif)

Porque no hay una coma, estos selectores expresar de contención. En CSS Nivel 2, puede ajustar el enfoque ligeramente, indicando que las normas se aplican sólo a los niños directa en lugar de sólo los descendientes. Por ejemplo, si desea crear normas para los elementos de lista en formato de una manera particular de listas ordenadas y desordenadas, se puede utilizar:

ul> li ( propiedades ) Ol> li ( propiedades )

Si es necesario, puede utilizar el asterisco (*) como comodín en lugar de un nombre de elemento en cualquiera de las declaraciones anteriores. Otro enfoque común utiliza valores de atributos para seleccionar elementos concretos de diseño. Elemento de clase XHTML fue diseñado específicamente para el diseño, permitiendo a los autores del documento para especificar los tipos particular en el vocabulario HTML genérico. Hay dos maneras de utilizar la información de clase. En primer lugar, puede utilizar la información de clase en combinación con la información del elemento nombre.

PrecauciónNo solo navegador soporta actualmente toda la gama de los selectores de CSS1 y CSS2, pero la ayuda está mejorando. La mayoría de los selectores de nivel 1 se aplican, a pesar de mayores herramientas no puede manejar incluso los de nivel 1. Compruebe en línea para la información más reciente sobre la aplicación. Web Comentario mantiene una tabla en http://webreview.com/pub/guides/style/css2select.html. El W3C está desarrollando aún más para los selectores de CSS3. Ver http://www.w3.org/TR/CSS3- selectores de los últimos acontecimientos, aunque será un largo tiempo antes de ver estas nuevas características en los navegadores de producción ..

un artículo presentado por Albert Lichtblau

Descargo de responsabilidad:Nuestro sitio web no es responsable por el contenido de este artículo. Webarticles es un recurso de información gratuito.
Importante: Este artículo "hojas de estilo y XHTML" fue traducida por un software automático. Sentimos pena por los errores de ortografía que pueda haber ocurrido. Gracias por su comprensión.