CSS

CSS

1. INTRODUCCION

   • El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Esto es así porque fué concebido para otros usos (científicos sobretodo), distinto a los actuales, mucho más amplios.
     • Para solucionar estos problemas los tablas imágenes transparentes para HTML y otras. Estas "trampas" han visualización en distintas plataformas.

2. CSS, ACROMINIMO DE CASCADING STYLE SHEETS

   • CSS es un lenguaje para definir el estilo o la apariencia de las páginas web, escritas con HTML o de los documentos XML. 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.
   • Ayudará a crear páginas más atractivas y precisas, mantenibles y optimizadas.

3. CARACTERÍSTICAS Y VENTAJAS DE LAS CSS

   • • Un web entero, de modo que se puede definir la forma de todo el web de una sola vez. • Un documento HTML o página, se puede definir la forma, en un pequeño trozo de código en la cabecera, a toda la página. • Una porción del documento, aplicando estilos visibles en un trozo de la página.
   • • 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. Con el HTML tan sólo se podía definir atributos en las páginas con pixeles y porcentajes, ahora se puede definir, utilizando muchas más unidades como: Pixels (px) y porcentaje (%), como antes. Pulgadas (in), Puntos (pt), Centímetros (cm)

4. NAVEGADORES QUE LO SOPORTAN

   • En este momento absolutamente todos los navegadores soportan CSS, por lo que puedes usar este lenguaje con total seguridad y garantía
     • Como CSS ha sido presentado por etapas y en distintas versiones, hay características avanzadas de la última versión del lenguaje que puede que no se vean en todos los navegadores anticuados, nos referimos principalmente a Internet Explorer 8 y anteriores. Hoy por suerte todos los navegadores se actualizan por ellos mismos

5. CSS: Separar contenido y presentación

   • Esa situación duró poco tiempo, afortunadamente, pues acarreaba diversas problemáticas; Ejemplos en situaciones que podrían ocurrir.
     • Imagine que tiene una cabecera de color rosa y un día decide que la quiere verde. Como el contenido y presentación estaban unidos en cada uno de los de color archivos (páginas) de un sitio web, si quería hacer ese cambio, estaba obligado a editar todos y cada uno de los archivos del sitio web
     • Si decidías que en tu layout de dos columnas ibas a agregar una tercera para colocar algunos de los contenidos existentes, te obligabas a cambiar el código HTML, recolocar elementos de un lugar para otro… en cada uno de los archivos de tu sitio.

6. EL CSS NOS EVITA USAR TRUCOS ANTIGUOS "DE DISEÑADORES“

   • Los diseñadores siempre quieren llegar un poco más allá y ello ha provocado que a veces se pierda la perspectiva. En su afán de hacer un buen trabajo, los creativos conciben diseños que tratan de ser innovadores, distinguidos, atractivos, modernos
     • Ejemplos: 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, lo que hace es anidar dos elementos y aplicarle un fondo de imagen a cada uno