Nombre de la materia

DESARROLLO DE PA GINAS WEB

Nombre de la Licenciatura
INGENIERIA EN SISTEMAS
COMPUTACIO NALES

Nombre del alumno

DANIEL TORRES CARREOLA

Matrcula
000049417
Nombre de la Tarea
Manejo de estilos en el disen o de pa ginas web

Unidad 5
ESTILOS

Nombre del Profesor

MO NICA ARIAS CRISO STOMO

Fecha
08-10-2017
Ventajas
Elimina las diferencias entre navegadores. Con un reseteo preciso y abarcador
se elimina la mayora de las diferencias de interpretacin entre los browsers, ya
que tamaos, mrgenes, grosores, bordes y otros formatos son igualados a un
estilo nico y homogneo.
Mayor libertad. El reseteo nos brinda una hoja en blanco sobre la que podemos
construir nuestros propios estilos sin tener que luchar contra los estilos
del browser, que muchas veces son difciles de identificar (y, por lo tanto, de
modificar).
Desarrollo ms lgico. Una vez agregada la hoja de reset, el proceso final
consistir en agregar nuevos estilos en lugar de sobrescribirlos.

Desventajas
Mayor esfuerzo. El CSS reset es un arma de doble filo: slo nos ahorra tiempo
en el caso en que no nos interese conservar los estilos por defecto. Sin embargo,
hay estilos que s puede interesarnos mantener, como por ejemplo las listas de
elementos (con vietas, indentacin y otras caractersticas tiles de fbrica).
De ser as, perderemos tiempo restaurando estilos en nuestra hoja.
Cdigo sucio. Si se da el caso mencionado en el primer punto, la redefinicin
de estilos genera cdigo CSS excesivo y difcil de comprender.
Problemas de usabilidad. Algunos estilos a los que habitualmente no prestamos
atencin deben conservarse. Por ejemplo, quienes navegan con teclado y sin
mouse, usando la tecla Tab para desplazarse, necesitan la propiedad CSS que
remarca el enlace sobre el que estn situados. La mayora de los desarrolladores
olvida redefinir esos estilos.
Ms peso. Agregar una hoja de estilos de reset agrega peso a la pgina,
aumentando ligeramente su tiempo de carga.

Ventajas (y desventajas) de las Hojas de Estilo

Si consideramos los ejemplos anteriores, resultan evidentes algunas

ventajas:
1. Con una Hoja de Estilo podemos alterar la presentacin de cada
elemento sin tocar el cdigo HTML, ahorrando esfuerzo y tiempo de
edicin. Si quisiramos alinear a la izquierda los encabezados H1 de

2
 nuestras pginas, bastara con cambiar en la CSS la declaracin "text-
align: center" por "text-align: left" e inmediatamente cada H1 se
alineara a la izquierda en todas las pginas vinculadas a la Hoja de
Estilo. De este modo no slo simplificamos el mantenimiento del sitio
sino que adems reducimos las posibilidades de cometer errores.
2. El lenguaje de las CSS ofrece herramientas de composicin ms
potentes que HTML. Hemos especificado en los ejemplos una fuente
alternativa genrica (Sans-serif) para el caso de que la mquina del
usuario no contenga la Arial (en HTML no existen estas fuentes
genricas). Con HTML, el tamao de la fuente se especifica con un
sistema de medidas predeterminadas por el browser (en el
ejemplo, SIZE=5), con las CSS hemos especificado el tamao en
puntos tipogrficos (y podemos hacerlo en cm, pixeles, cuadratines,
altura de la x, etc.). Ms an, las CSS permiten aplicar prcticamente
todas las propiedades a cualquier elemento de la pgina, mientras
que HTML slo permite un nmero limitado de propiedades para
cada elemento.
3. Se evita tener que recurrir a trucos para conseguir algunos efectos.
Con CSS no es necesario usar imgenes invisibles para hacer una
sangra (la propiedad text-indent se encarga de eso) o usar una tabla
para ubicar un elemento en determinado lugar de la pantalla (las CSS
permiten posicionar con precisin cualquier elemento).

Adems
4. El lenguaje de las Hojas de Estilo, aunque muy potente, es
relativamente sencillo y fcil de aprender.
5. Los documentos que usan CSS generalmente resultan ms compactos.
6. Las Hojas de Estilo pueden aplicarse de varias maneras y combinarse
formando una cascada de estilos con la informacin de cada una.
7. Pueden usarse con otros lenguajes de programacin (como
JavaScript) para conseguir efectos dinmicos en las pginas.
8. Se pueden especificar Hojas de Estilo para diferentes navegadores y
tipos de medios (impresos, braille, auditivos, etc.).

3
 9. El usuario con alguna discapacidad (o simplemente por preferencias)
puede definir su propia Hoja de Estilo y la regla !important obliga a su
navegador a suplantar la Hoja de Estilo del autor.
10.Por cierto, existen otras ventajas muy importantes pero, como esto ya
se parece a un folleto de ventas, terminar aqu la lista de elogios.
En cuanto a las desventajas en el uso de las Hojas de Estilo, la nica de importancia es el
soporte irregular que tienen las CSS por parte de los navegadores. Ciertas propiedades que funcionan en
un browser no funcionan en otros, o existen diferencias en un mismo navegador segn sea para Windows
o Mac. Tambin existen diferencias entre distintas versiones de un mismo browser.

Esto puede provocar que:

1. Nuestra pgina sea visualizada por el lector con un formato no
deseado por nosotros. En todo caso, el navegador aplicar el formato
predeterminado y nuestro trabajo de composicin habr sido intil.
2. Algunas propiedades de las CSS (como las que afectan la posicin o
visibilidad de los elementos) pueden provocar que una parte del
contenido de nuestra pgina resulte inaccesible desde ciertos
navegadores si no son utilizadas correctamente.
Debe entenderse que las Hojas de Estilo fueron diseadas para permitir que los
autores influyan en la composicin de la pgina, pero no para que la controlen. Una CSS sugiere al
browser un estilo de composicin para el documento pero no puede forzarlo a aplicar un formato
determinado.

Las Hojas de Estilo son una herramienta que puede resultar muy efectiva para lograr una
presentacin atractiva de la pgina siempre que la pgina no sea dependiente de la Hoja de Estilo. Se
debe considerar en todo momento aquellos navegadores que no soportan CSS, cuidando que los mismos
puedan mostrar la pgina correctamente y en su totalidad an cuando nuestras reglas de estilo no sean
aplicadas.

En este sentido, espero que esta gua de uso de las CSS ayude no slo a conocer el lenguaje de
las Hojas de Estilo sino tambin a aplicarlas con el mayor beneficio.

4
5
6
7
EJEMPLO DE HOJA DE ESTILO

8
http://www.4rsoluciones.com/blog/ventajas-y-desventajas-de-los-css-resets-2/

http://en.wikipedia.org/wiki/Cascading_Style_Sheets

http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada

https://es.slideshare.net/euic/css-51112385