Ventajas de los estilos css

Solo disponible en BuenasTareas
  • Páginas : 5 (1218 palabras )
  • Descarga(s) : 0
  • Publicado : 5 de noviembre de 2011
Leer documento completo
Vista previa del texto
Los estilos CSS (Cascading Style Sheets) son hojas de estilo de actualización automática.
Se usan principalmente para definir estilos que luego se aplicarán a las páginas de nuestro sitio, incluso a veces permiten definir características que no permiten definir los estilos HTML, como el color de fondo para el texto por ejemplo.
Al estar la definición de los estilos en un archivo externo a laspáginas y común a todas las páginas del sitio (es recomendable) el aspecto de nuestras páginas será más homogéneo y además podremos cambiar ese aspecto de manera segura e inmediata cambiando únicamente la hoja de estilos.
Se pueden definir estilos independientes o estilos asociados a determinadas etiquetas por ejmplo a la etiqueta <a> (que corresponde a los hiperenlaces). De este modo, todoslos hiperenlaces de la página o del sitio adquirirían la apariencia definida en ese estilo y con un sólo cambio en la hoja de estilos podemos cambiar de golpe el estilo de todos los enlaces en todas las páginas vinculadas a este estilo.
El inconveniente que tiene trabajar con hojas de estilos es que algunos navegadores no las soportan y las ignoran, aunque estos navegadores suelen ser versionesantiguas, por lo que ocurrirá en pocos casos.
Las hojas de estilo pueden crearse con cualquier editor de texto, como puede ser el Bloc de notas, y pueden guardarse con la extensión TXT.
Principales ventajas de las hojas de estilo:
Control del diseño:
Como se ha dicho, CSS es muy útil para separar el contenido del diseño, siendo esto muy útil cuando se quiere cambiar un aspecto del diseño de unsitio web, ya que sin hojas de estilo se tendría que cambiar página a página dicho aspecto. Y sin embargo, cuando se han definido hojas de estilo, se puede cambiar dicho aspecto modificando unicamente la hoja de estilo. Con lo que logramos además de un ahorro de tiempo una mayor uniformidad en el diseño.
Redefinición de etiquetas:
Esto quiere decir que se puede redefinir el aspecto devisualización de una etiqueta, con la hoja de estilo se puede lograr con una sóla línea de código que todos los encabezamientos <h1> tengan un color o un tamaño determinado. O sólo un <h1> determinado. Pero sino usamos hojas de estilo, se tendría que definir cada vez que se use ese <h1>. Del mismo modo, si ese cambio que realizamos pasado un tiempo no nos gusta y lo queremos de otra forma.Con cambiar esa línea se aplicará en cascada a todos los documentos, mientras que de la otra manera implicaría un trabajo bastante más complicado.
Uso de etiquetas para su misión:
Gracias a poder maquetar mediante el uso de hojas de estilo, podemos usar cada etiqueta para lo que realmente sirven. Por ejemplo <FONT> la usaremos sólo en la hoja de estilo, <TABLE> se usará para lo querealmente fue creada, para presentar datos tabulados. Y podemos dar un uso más adecuado a <IMG> y librarnos del socorrido gif de un pixel para controlar el espaciado entre los elementos en la visualización.
Personalización:
Nos permite definir aspectos concretos de un documento, facilitando el diseño de los documentos. Ya que html se queda corto en algunos aspectos de diseño, y había querecurrir a ciertos trucos, que si bien para un usuario standard no suponen problemas. Para usuarios con discapacidades esos trucos hacen muy difícil la comprensión de los documentos. Así del mismo modo, se pueden definir los estilos de tal manera que será diferente la visualización en una PDA que en un PC, o también hojas de estilo especiales para impresión (sin banners ni imágenes de publicidadpor ejemplo) o para ser leida por un sintetizador de voz.
Maquetación y accesibilidad:
Se pueden colocar elementos con mayor precisión, es común cuando no se usan hojas de estilo recurrir a tablas para la maquetación, pese a que esto implica un problema de accesibilidad (los contenidos para una persona ciega en realidad están desordenados). Además de este problema, es complicado lograr el punto...
tracking img