Cómo moderno sitios web utilizan css

Hojas de estilo externas son archivos fuera de (pero vinculada a) las páginas HTML que suministran el estilo y el diseño de páginas web. Las hojas de estilo en cascada son un ejemplo de las hojas de estilo externas. Las siguientes son razones por las que incluye hojas de estilo externas en sus páginas web es una buena cosa:

• Estilos CSS son mucho más poderosos que, herramientas mayores basados ​​en HTML para el diseño de la página. Por ejemplo, el diseño con tablas HTML requiere diseñadores que retorcer filas y columnas de tabla en contenedores para su contenido. Con HTML, usted tiene poco control sobre parámetros como la distancia entre y dentro de esas celdas de la tabla, o las fronteras específicas sobre la parte superior, inferior o laterales de la celda de la tabla.

• CSS, por otro lado, puede convertir una etiqueta HTML en lugar genérica - una etiqueta DIV - en un recipiente casi infinitamente formattable para cualquier tipo de contenido.

• Clases CSS y los identificadores son estilos especiales que están en el centro de diseño moderno página. Estas clases CSS y los identificadores han sustituido a las tablas HTML como la técnica estándar para la colocación de las páginas web. Tablas utilizaron células, creados por la intersección de filas y columnas, como marcadores de posición de contenido. Esta técnica era torpe y limitado, en comparación con la libertad disponible con ID- y diseños de página clase definida.

• Hojas de estilo externas, tales como CSS, permiten un estilo global, que tiene elementos comunes en todas las páginas HTML en una página web. Necesidad de cambiar el esquema de color de 17.412 páginas en 5 minutos? No hay problema con una hoja de estilos externa - sólo tiene que actualizar el archivo CSS, y todos los archivos HTML que enlazan con esa hoja de estilo actualiza al instante en los navegadores.

Cuando el uso de CSS, puede

• Fácilmente realizar cambios globales a cómo se presenta tu sitio. Si estilos se aplican usando hojas de estilo externas, que pueden ser utilizados para cambiar instantáneamente la apariencia de cada página a la que están vinculados. Se trata de una herramienta de productividad indispensable en grandes sitios web.

  Imagine tener que encontrar todas las etiquetas de fuente y cambiarlos en un extenso sitio web. El uso de un sencillo Find and Replace esfuerzo a menudo no funciona debido a la forma inconsistente etiquetas están codificados. Es posible tener cientos de variaciones de las etiquetas de fuente - que todos tienen el mismo aspecto en la página web, pero están codificados de manera diferente - lo que hace que el uso de Buscar y reemplazar utilidades inútiles.

• Discernir fácilmente el significado original de su contenido. Cuando se trabaja con más edad, " cualquier cosa que hace que se vea bien " escriba las técnicas que emplean etiquetas HTML para dar formato y diseño, que a menudo no se puede saber lo que las distintas partes del contenido de la página son sólo con mirarlo.

  HTML-viejo estilo permite el uso de etiquetas de forma inadecuada, como la aplicación de las propiedades de una etiqueta de fuente que hace que una pantalla de etiqueta de párrafo, como si se tratara de un título. No es fácil de arreglar. Si te las arreglas para despojar a las etiquetas de fuentes antiguas, también se tira a las señales visuales que pueden ayudar a que vuelva a código de la página correctamente.

  Por ejemplo, si configura su página como un bloque de contenido con
  etiquetas para separar visualmente en párrafos y etiquetas para hacer partidas se ven diferentes, es difícil averiguar lo que era si las etiquetas se interrumpen o se eliminan.

• Haga que su sitio amigable para todos los que visitan - no importa dónde se encuentren o cuál es su situación. Cada vez más, las personas que utilizan la web no utilizan una computadora tradicional. En su lugar, utilizan tabletas, teléfonos inteligentes y otros dispositivos digitales. Con CSS y HTML, puede detectar entorno de navegación de un visitante y proporcionar diferentes hojas de estilo que muestran el contenido de una manera apropiada a los medios de comunicación del visitante.

• Basándose en CSS y HTML también hace que los sitios más accesibles para los auditivos y los usuarios con problemas de visión, que tienen software de lectura u otras herramientas especiales que funcionan mejor si se evita el uso de etiquetas HTML para dar formato.

  Una vez más, algunos usuarios han personalizado las hojas de estilo para que puedan utilizar el Internet. Alguien que tenga que agrandar los tamaños de fuente o para especificar cómo un lector de pantalla señales auditivamente diferentes partes de un documento para compensar las deficiencias visuales. Información sobre hojas de estilo auditivas se puede encontrar en el sitio del World Wide Web Consortium (W3C).