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
NAVEGADORES QUE LO SOPORTAN
CARACTERÍSTICAS Y VENTAJAS
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.
En este momento absolutamente todos
los navegadores soportan CSS, por lo
que puedes usar este lenguaje con total
seguridad y garantía.
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.
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.
EVITA USAR TRUCOS ANTIGUOS
USOS DE LAS CSS
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.
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
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.
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.
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.