hojas de cascada
El lenguaje HTML está limitado a la hora de aplicarle forma a un documento. Esto es así porque fue concebido para otros usos (científicos sobre todo), distinto a los actuales, mucho más amplios. Para solucionar estos problemas los diseñadores han utilizado técnicas tales como lautilización de tablas imágenes transparentes para ajustarlas, utilización de etiquetas que no son estándares del HTML y otras. Estas “trampas" han causado a menudo problemas en las páginas a la hora de su visualización en distintas plataformas. Además, los diseñadores se han visto frustrados por la dificultad con la que, aun utilizando estos trucos, se encontraban a la hora de maquetar las páginas,ya que muchos de ellos venían maquetando páginas sobre el papel, donde el control sobre la forma del documento es absoluto. Finalmente, otro antecedente que ha hecho necesario el desarrollo de esta tecnología consiste en que las páginas web tienen mezclado en su código HTML el contenido del documento con las etiquetas necesarias para darle forma. Esto tiene sus inconvenientes ya que la lecturadel código HTML se hace pesada y difícil a la horade buscar errores o depurar las páginas. Aunque, desde el punto de vista de la riqueza de la información y la utilidad de las páginas a la hora de almacenar su contenido, es un gran problema que estos textos está en mezclados con etiquetas incrustadas para dar forma a estos: se degrada su utilidad.
Principales características del lenguaje, supotencia y sus posibilidades.
El modo de funcionamiento de las CSS consiste en definir, mediante una sintaxis especial, la forma de presentación que le aplicaremos a: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. Una etiqueta en concreto, llegando incluso a poder definir varios estilos diferentes para una sola etiqueta. Esto es muy importante ya que ofrece potencia en nuestra programación. Podemos definir, por ejemplo, varios tipos de párrafos: en rojo, en azul, con márgenes, sin ellos...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. Si antes el HTML se nos quedaba corto para maquetar las páginas y teníamos que utilizar trucos para conseguir nuestros efectos, ahora tenemos muchas más herramientas que nos permiten definir esta forma: Podemos definir la distancia entre líneas del documento. Se puede aplicar identado a las primeraslíneas del párrafo. Podemos colocar elementos en la página con mayor precisión, y sin lugar a errores.
Funcionamiento básico de CSS
Antes de que se generalizara el uso de CSS, los diseñadores de páginas web utilizaban etiquetas HTML especiales para modificar el aspecto de los elementos de la página. El siguiente ejemplo muestra una página HTML con estilos definidos sin utilizar CSS:
Ejemplo de estilos sin CSS
Titular de la página
Un párrafo de texto no muy largo.
El ejemplo anterior utiliza la etiqueta con sus atributos color, face y size para definir el color, el tipo y el tamaño de letra de cada elemento de la página.
El problema de utilizar este método para definir el aspecto de los elementos se puede ver claramente con el siguiente ejemplo: si lapágina tuviera 50 elementos diferentes, habría que insertar 50 etiquetas . Si el sitio web entero se compone de 10.000 páginas diferentes, habría que definir 500.000 etiquetas. Como cada etiqueta tiene tres atributos, habría que definir
Formas de inclusión de CSS en HTML
Una de las principales características de CSS es su flexibilidad y las diferentes opciones que ofrece para realizar...
Regístrate para leer el documento completo.