El formato del contenido de Propiedades de CSSMientras que los selectores hacer un gran trabajo de escoger el contenido que necesita el formato, los diseñadores (en contraposición a los administradores de sitios web) como CSS, sobre todo por el gran número de propiedades disponibles de formato. CSS ofrece propiedades que casi cualquier apoyo a la presentación de un documento que desee y sin embargo, más propiedades se encuentran en desarrollo como parte de la actividad de CSS3. Las propiedades de CSS le permiten describir con precisión cómo desea que las piezas de su documento con formato y hacer caso omiso de las normas de HTML que se presenta normalmente.
Este documento es estrictamente XHTML - vamos a ver cómo lo hace en los navegadores. La limpieza no debería causar demasiados problemas, esperamos.
Copyright 2000 por el escritor de html Wacki La hoja de estilos original era muy simple: body (background-color: # FFFFFF) Para demostrar algunas de las capacidades más sofisticadas de CSS, ahora crear un documento de demostración de que tiene un poco más ganchos con los que se puede trabajar. El siguiente documento es bastante simple XHTML estricto, sino que proporciona una base para los experimentos.
Se empieza con una hoja de estilo sencillo que modifica el título y las posiciones de los fragmentos de primera y segunda. El posicionamiento es una parte fundamental de los planes de la W3C para ir más allá del marco de las interfaces basadas en Web, así como una herramienta clave para el HTML dinámico. El primer fragmento se coloca en términos absolutos en relación con el documento en su conjunto, mientras que el segundo fragmento se coloca en relación con lo que parece. body (background-color: # FFFFFF) div # cabecera (font-size: 24pt; font-family: serif; color: blue) div # fragment1 (position: absolute; top: 175px; left: 150px) div # fragment2 (position : relative; top: 175px; left: 100px) Ahora vamos a modificar algunas propiedades de más de CSS para los otros fragmentos y de los elementos div en general. Comience con la hoja de estilos anterior: body (background-color: # FFFFFF) div # cabecera (font-size: 24pt; font-family: serif; color: blue) div # fragment1 (position: absolute; top: 175px; left: 150px) div # fragment2 (position : relative; top: 175px; left: 100px) A continuación, hacer un formato básico en fragmentos de 3 a 5. Para el fragmento 3, a transformar su contenido en mayúsculas con la propiedad text-transform. Para el fragmento 4, ampliar el espacio entre caracteres utilizando la carta de espaciamiento de la propiedad y el fragmento de centro de 5, usando la propiedad text-align. div # fragment3 (text-transform: uppercase;) div # fragment4 (letter-spacing: 3pt;) div # fragment5 (text-align: center;) Para los fragmentos 6 y 7, se utiliza las propiedades de margen, las propiedades de relleno, y las fronteras para demostrar cómo maneja estos CSS. Para fragmento 6, se establece un margen izquierdo de 25 puntos para mover el texto a la derecha, luego de establecer un margen inferior de 50 puntos para mover el texto que sigue mucho más lejos. La frontera se muestra el área que el navegador considera que el contenido del elemento. Para fragmento 7, se establece un margen izquierdo de 50 puntos, pero un margen derecho de 25 por ciento de la ventana del navegador. Cincuenta puntos de relleno - todo el elemento porque está utilizando la combinación de la propiedad - se amplía el espacio ocupado por el fragmento, y la frontera con ranura muestra cómo el navegador administra este conjunto de propiedades. div # fragment6 (margin-left: 25pt; margin-bottom: 50pt; borde de estilo: double;) div # fragment7 (margin-left: 50pt; margin-right: 25%; padding: 50pt; borde de estilo: groove; ) Ahora modifique la presentación de los elementos últimos años, el establecimiento de fragmento de 8 a aparecer en el borde derecho de la página. El párrafo está en sans-serif, que la distingue de sus homólogos div. Para el elemento em, sin embargo, reemplazar sólo la cursiva por defecto - por lo que es audaz, pero no en cursiva. div # fragment8 (text-align: right;) p (font-family: sans-serif;) em (font-weight: bold; font-style: normal;) Si bien esto demuestra muchas de las capacidades de CSS, lo que hace CSS útil requiere, caso por caso, el análisis de sus documentos en combinación con las estrategias de XHTML que usted elija. Si usted planea usar XHTML Strict, CSS es una herramienta de valor incalculable. Incluso si usted utiliza XHTML de transición o conjunto de marcos, sin embargo, puede que le resulte más fácil de aplicar las propiedades de las hojas de estilo CSS en lugar de dispersar la información de formato en sus documentos. Normas de NormasEl cascada en hojas de estilo en cascada describe un conjunto de reglas que determinan cómo conseguir aplicar propiedades CSS. Los documentos pueden hojas de estilo con referencia a varios elementos de enlace múltiple, y las hojas de estilo puede a su vez de referencia a través de otras hojas de estilo CSS @ URL declaraciones de importación. Los documentos también se pueden incluir las hojas de estilo directamente en un elemento de estilo, los elementos dentro de documentos HTML y XHTML puede especificar el estilo adicionales mediante la descripción de las propiedades en el atributo de estilo, y los usuarios (al menos en teoría) dicen a sus navegadores para que presente los documentos utilizando hojas de estilo de su elección. Todas estas opciones ofrecen una enorme flexibilidad, pero que hacen un conjunto claro de normas críticas. CSS2 establece estas normas en la Sección 6: Asignación de valores de propiedad, en cascada, y la herencia (http://www.w3.org/TR/REC-CSS2/cascade.html). La especificación describe en primer lugar herencia, Las normas para el manejo de un estilo de elementos contenidos por otros elementos. A continuación se describe la interacción entre los agentes de usuario (normalmente del navegador), el usuario, y las hojas de estilo del autor. Los usuarios deben ser capaces de crear hojas de estilo y reemplazar las hojas de estilo que vienen con los documentos (las hojas de estilo de autor), pero ofrece una CSS! Importante mecanismo que permite a los creadores de hojas de estilo del autor para anular las preferencias del usuario. El! mecanismo es un tanto controversial, en parte porque! por lo general significa 'no', y en parte porque las normas de transformación que ha cambiado entre CSS Nivel 1 y CSS nivel 2. En este punto, la mayoría del software no proporciona un mecanismo para la aplicación de hojas de estilo del usuario, lo que favorece la teoría de que los autores deben ser capaces de reemplazar los valores por defecto del navegador. En cuanto a los documentos de hoja de estilo que muchos pueden contribuir a la presentación de un documento dado, la regla general es que la última declaración victorias y hojas de estilo importadas se considera que llegar antes de que el contenido del documento que realmente importa. La hoja de estilos vinculada en la última un documento HTML o XHTML es efectivamente dominante. Las hojas de estilo pueden construir en las hojas de estilo antiguo con la importación de ellos y luego prevalentes o completar las normas que contienen. Otro conjunto de reglas un tanto complejas se describe cómo elegir entre las normas establecidas por los selectores de diferentes basadas en la forma en concreto, dirigidas a un elemento dado. Estilo que describe un documento de identidad es más específico que el estilo que describe una clase de elementos, que pueden ser más específico que el estilo que describe cómo dar formato a todos los elementos de un nombre determinado. Las reglas son un poco extraño, pero suelen tener sentido en la práctica. Problemas de aplicaciónLos mayores problemas para los desarrolladores usando CSS se derivan de la aplicación en varios navegadores, no de la complejidad de la propia especificación. Mientras www del W3C-lista de correo de estilo periódicamente desgarra piezas de las especificaciones, la mayoría de las dificultades que implican diferentes niveles de soporte para la funcionalidad de CSS en distintos navegadores. Incluso cuando se aplican las características, a menudo detalles que no funcionan como se esperaba o como se anuncia. Hoy en día el CSS es también un navegador muy orientado a la tecnología, aunque hay editores que el apoyo y el uso de hojas de estilo en cascada en distintos niveles. Además, el navegador de la orientación es bastante natural a XHTML. En el artículo 5, revela, los navegadores antiguos tienen un montón de problemas ya con XHTML, utilizando CSS ayuda en algunos de estos casos y perjudica a los demás. Mientras CSS parece una parte natural de la familia XHTML de normas en el largo plazo, será una transición lleno de baches, mientras que los navegadores de mejorar y actualizar a los usuarios poco a poco. ConsejoSi usted tiene preguntas acerca de la estructura de la CSS o por qué hace las cosas de una manera particular, en oposición a las cuestiones de aplicación simple, la lista de correo www-estilo mantenido por el W3C es un excelente recurso. Los archivos están disponibles en http://lists.w3.org/Archives/Public/www-style/, y la información de suscripción está disponible en http://www.w3.org/Mail/Request. Si usted necesita para saber qué de los navegadores soportan algunas características de la CSS, WebRevisar mantiene una lista excelente http://webreview.com/pub/guides/style/style.html. Para probar la conformidad de un navegador especial para CSS, visite CSS del W3C Test Suite (CSS1 sólo en la actualidad) en http://www.w3.org/Style/CSS/Test/. Para comprobar que su propio CSS está escrito correctamente, visite CSS del W3C Servicio de Validación en http://jigsaw.w3.org/cssvalidator/. Es XSL para XHTML?Los partidarios de Extensible Stylesheet Language (XSL) promover como mucho más potente que CSS, especialmente para los medios impresos. Usted puede aplicar a cualquier XSL XML, incluyendo XHTML. XSL capacidad para reorganizar y reconstruir los documentos es atractiva en algunas situaciones, y algunas clases de aplicaciones pueden encontrar necesario. Hay algunos costes reales para XSL, sin embargo. A partir de este escrito, la especificación para el formato de los objetos permanece en el desarrollo, aunque el artículo 12, explora el vocabulario completa transformación (XSL Transformations, XSLT o). Si bien el XSL Formatting Objects vocabulario es bastante similar a las hojas de estilo en cascada, los mecanismos implicados en el enfoque de transformación XSL son mucho más parecidos a la programación que los de la hoja de estilo en cascada del enfoque más descriptivo. Los diseñadores que ya tienen experiencia en programación pueden encontrar XSL emocionante, pero a otros les puede resultar intimidante. XSL apoyo vendrá probablemente a los navegadores con el tiempo, aunque no está claro si el soporte para XSL habrá más suave que el de CSS. En cualquier caso, es probable que el apoyo de XSL se retrasará como soporte de CSS ha sido - hacer esta transición, si se lleva a cabo, un lento. Por ahora, si bien es prudente mantener un ojo sobre la evolución de XSL, probablemente será mejor que aprovechar las relaciones de amistad entre los ya HTML (y XHTML) y CSS. 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 "el formato del contenido con CSS Propiedades" fue traducida por un software automático. Sentimos pena por los errores de ortografía que pueda haber ocurrido. Gracias por su comprensión.
|
|||||
| Online: 259 users browsing the articles directory |
|
|