Lo que usted necesita saber acerca de CSS!

Lo que usted necesita saber acerca de CSS!

Contar palabras:
1287

Resumen:
Hoja de estilo es un avance progresista para el avance de la web. En la actualidad, los navegadores cada vez más la aplicación de hojas de estilo, abriendo los ojos de los autores a las características únicas que permiten influir sobre la presentación, preservando la independencia de plataforma.


Palabras clave:
CSS, diseño web


Cuerpo del artículo:
Hoja de estilo es un avance progresista para el avance de la web. En la actualidad, los navegadores cada vez más la aplicación de hojas de estilo, abriendo los ojos de los autores a las características únicas que permiten influir sobre la presentación, preservando la independencia de plataforma. Las ventajas de las hojas de estilo se han convertido - aparente - y la desventaja de estar continuamente creando más etiquetas HTML - abundancia - para efectos de presentación con el desarrollo gradual de la CSS.

Vamos a entender CSS en la perspectiva correcta.

Hojas de estilo en retrospectiva

Las hojas de estilo han estado presentes de una forma u otra desde los inicios de HTML en la década de 1990.

Como el lenguaje HTML creció, sin embargo, llegó a abarcar una variedad más amplia de capacidades de estilo para satisfacer las demandas de los desarrolladores web. Con estas capacidades, las hojas de estilo se volvió menos importante, y un lenguaje externo a los efectos de definir los atributos de estilo no fue ampliamente aceptada hasta el desarrollo de las CSS.


problemas iniciales con la implementación de CSS

Muchas implementaciones de CSS están llenos de contradicciones, errores y caprichos de otros. Los autores han tenido que utilizar comúnmente hacks y soluciones con el fin de obtener resultados consistentes a través de navegadores web y plataformas.

Uno de los errores más conocidos de CSS es el Internet Explorer cuadro de error del modelo; anchos de caja se interpretan incorrectamente en varias versiones del navegador, lo que resulta en bloques que aparecen como se esperaba en la mayoría de navegadores, pero son demasiado estrechos cuando se ve en Internet Explorer. El error se puede evitar, pero no sin algún costo en términos de funcionalidad.

Este es uno de los cientos de bugs de CSS que se han documentado en varias versiones de Internet Explorer, Netscape, Mozilla, Opera y muchos de los cuales reducen la legibilidad de los documentos. La proliferación de tales errores en las implementaciones de CSS ha hecho difícil para los diseñadores para lograr una apariencia consistente a través de plataformas.

En la actualidad existe una fuerte competencia entre el motor de Mozilla Gecko, el motor de Opera Presto diseño y el motor KHTML utilizado tanto en Safari de Apple y el navegador Konqueror de Linux - cada uno de ellos es líder en diferentes aspectos de la CSS. Internet Explorer sigue siendo el peor en la representación de CSS para los estándares establecidos por World Wide Web Consortium en 2005.

Algunos avances ...

Estos problemas han llevado preisely el W3C para revisar la norma en CSS2 CSS2.1, que puede considerarse como una especie de instantánea de trabajo de apoyo actual de CSS. propiedades CSS2 que ningún navegador ha implementado con éxito fueron retirados, y en algunos casos, se definen las conductas se modificaron para que la norma en consonancia con las implementaciones existentes predominantes ..

¿Qué hace que las hojas de estilo bastante significativo?

et representsStyle ella un enorme paso adelante para la Web. Con la separación de contenido y presentación entre HTML y hojas de estilo, la web ya no tiene que alejarse de la idea fuerte de la independencia de plataforma que proporciona el medio con su empuje inicial de su popularidad. Los autores finalmente pueden influir en la presentación de los documentos sin salir de las páginas ilegibles para los usuarios

Una hoja de estilo se compone de las reglas de estilo que le dicen a un navegador cómo presentar un documento. Hay varias maneras de vincular estas reglas de estilo a sus documentos HTML, pero el método más sencillo para comenzar es utilizar elemento STYLE de HTML. Este elemento se coloca en el documento de HEAD, y contiene las reglas de estilo para la página.

Funcionalidad y uso de CSS

CSS está bien diseñado para permitir la separación de presentación y estructura. Antes de la CSS, casi todos los atributos de presentación de un documento HTML figuran dentro del código HTML, todos los colores de fuente, estilos de fondo, la alineación de los elementos, las fronteras y tamaños tuvo que ser explícitamente descritos, a menudo varias veces, en medio del código HTML .

CSS permite a los autores que se mueven mucho de esa información a una hoja de estilo, dando como resultado considerablemente más simple código HTML. Los documentos HTML son mucho más pequeños y los navegadores web, hojas de estilo por lo general los sitios de memoria caché de CSS. Esto conduce a una reducción en el tráfico de red y notablemente más rápida descarga de la página.

Por ejemplo, el elemento HTML h2 especifica que el texto que figura en ella es un nivel de dos partidas. Cuenta con un menor nivel de importancia que h1 partidas, pero un mayor nivel de importancia que h3 partidas. Este aspecto del elemento h2 es estructural.

Habitualmente, las partidas se representan en orden decreciente de tamaño, con h1 como el más grande, porque las partidas más grandes suelen interpretarse a tener mayor importancia que los más pequeños. Los títulos son también típicamente prestados en negrita con el fin de dar énfasis adicional. El elemento h2 pueden ser prestados en negrita, y en una fuente más grande de h3 pero menor que h1. Este aspecto del elemento h2 es de presentación.

Antes de la CSS, los autores del documento que querían asignar un color específico, tipo de letra, tamaño, u otra característica a todos los h2 partidas tuvieron que utilizar el elemento de fuente HTML para cada ocurrencia de ese tipo de partida.

Por otra parte, CSS se puede utilizar con XML, para permitir que tales documentos estructurados que pasarán a ser con un control total sobre el diseño de estilo, tipografía, color, etc, en cualquier agente de usuario adecuado o navegador web.

CSS tiene su parte de las incoherencias y

CSS a veces puede ser mal utilizada, en particular por el autor de los documentos web. Algunos desarrolladores que están acostumbrados a diseñar documentos estrictamente en HTML puede pasar por alto o ignorar las características permitiendo de CSS. Por ejemplo, un autor del documento que se siente cómodo con el formato HTML que combina la presentación con la estructura de la opción de uso estrictamente estilos CSS incrustados en todos los documentos. Si bien esto puede ser una mejora con respecto al uso obsoleto código HTML de presentación, que sufre de algunos de los mismos problemas que mixto de marcado HTML no, en concreto, supone una cantidad similar de mantenimiento documento.

Las discrepancias respecto: CSS lenguajes de programación frente a

CSS también comparte algunos errores comunes con los lenguajes de programación. En particular, el problema de elegir nombres apropiados para las clases CSS y los identificadores pueden afligir CSS autores. En el intento de elegir nombres descriptivos para las clases de CSS, los autores pueden asociar el nombre de la clase con atributos de presentación deseada, por ejemplo, una clase CSS que se aplicará al texto hizo hincapié en que podría denominarse "bigred", lo que implica que se representa en un gran rojo de la fuente.

Si bien esta elección de nombres puede ser intuitiva para el autor del documento, puede causar problemas si el autor más adelante decide que el texto subrayado en lugar debe ser verde, el autor se queda con una clase CSS llamada "bigred" que describe algo que es de color verde . En este caso, un nombre de clase más apropiado podría haber sido ", subrayó," para describir mejor el propósito o la intención de la clase, en lugar de la aparición de elementos de esa clase.

En un lenguaje de programación, como un mal uso podría ser análogo a usar un nombre de variable "cinco" de una variable que contiene el valor 5, sin embargo, si el valor de la variable cambia a 7, el nombre ya no es apropiado.

CSS en una cáscara de nuez

CSS es utilizado tanto por los autores y los lectores de páginas web a definir colores, fuentes, diseño y otros aspectos de la presentación del documento. Está diseñado principalmente para que la separación de la estructura del documento (escrito en HTML o un lenguaje de marcas similares) a partir de la presentación del documento (escrito en CSS).

Esta separación ofrece una serie de beneficios, incluyendo la mejora de la accesibilidad de contenidos, mayor flexibilidad y control en la especificación de las características de presentación, y la reducción de la complejidad del contenido estructural. CSS también es capaz de controlar el estilo del documento por separado en los métodos alternativos de transformación de subproductos, tales como aparecen en la pantalla en la impresión, por la voz (cuando es leído por un navegador basado en el habla o el lector de pantalla) y en braille basada en dispositivos táctiles.

CSS permite un control completo y total sobre el estilo de un documento de hipertexto. La única manera que esto se puede ilustrar de una manera que hace que la gente entusiasmada es demostrando lo que realmente puede ser, una vez que las riendas se colocan en las manos de aquellos capaces de crear belleza de la estructura.