CSS, ACRÓNIMO DE CASCADING STYLE SHEETS - created from Mind Map

Página 1

CSS es un lenguaje para definir el estilo o la apariencia de las páginas web, CSS se creó para separar el contenido de la forma, a la vez que permite a los diseñadores mantener un control mucho más preciso sobre la apariencia de las páginas.

SEPARACIÓN DEL CONTENIDO Y PRESENTACIÓN

SEPARAR CONTENIDO Y PRESENTACIÓN

EVITA USAR TRUCOS ANTIGUOS

Con la llegada de las CSS se animó a los desarrolladores a colocar en el HTML únicamente el código necesario para definir el contenido de la página. Es decir, párrafos con textos, imágenes, formularios.

NAVEGADORES QUE LO SOPORTAN

El contenido es lo que se escribe con el HTML. Es aquella información que se presenta en una página, tanto textos como imágenes, banners, interfaces de usuario, formularios, barras de navegación, así como cualquier otro elemento que encontramos dentro de una web.

CARACTERÍSTICAS Y VENTAJAS

En este momento absolutamente todos los navegadores soportan CSS, por lo que puedes usar este lenguaje con total seguridad y garantía.

La potencia de la tecnología salta a la vista. Pero no solo se queda aquí, ya que además esta sintaxis CSS permite aplicar al documento formato de modo mucho más exacto.

Se puede aplicar identado (sangrado) a las primeras líneas del párrafo. Colocar elementos en la página con mayor precisión, y sin lugar a errores. Definir la visibilidad de los elementos, margenes, subrayados, tachados.

La presentación es cómo se desea que ese contenido se muestre en la página. Los colores, distancias de márgenes, colocación de los elementos en el layout, tipografías, fondos, etc. forman parte de la presentación.

USOS DE LAS CSS

Un diseñador desea tener dos fondos de imagen distintos en un mismo elemento de la página. Como esto no es posible en navegadores antiguos y solo se presentó una solución con CSS3

CSS sirve para definir el aspecto de las páginas web

los distintos niveles a los que podemos usar las Hojas de Estilo, que van desde definir los estilos de manera específica, para un pequeño fragmento de una página, hasta los estilos para todo un sitio web completo.

Como antes no se podían especificar degradados, usa imágenes creadas con Photoshop, u otro programa de diseño gráfico, para generar el degradado que usará de fondo.

Un archivo HTML queda entonces limitado a lo que sería un texto en color negro sobre un fondo blanco, así como imágenes y otros elementos, pero sin ajustarse a ningún layout.

Estos estilos se definen en un archivo independiente del HTML, una única vez. De este modo, cuando deseamos cambiar cualquier cosa relacionada con el aspecto de la página, solo necesitamos tocar la hoja de estilo, una única vez, en un único archivo y con ello se alterará la presentación de todas las páginas del sitio.