como cargan los css??

killerangel · #1 (**permalink**) 28/05/2008, 12:18

Hola.

La pregunta es... los estilos css se aplican despues que carga la pagina en su totalidad o antes?

Supongamos q necesito carga una pagina y aplicarle los estilos, estos estilos se aplicaran despues de que toda la pagina haya cargado por completo?? una espcia de:
<body onload='aplicarestilos();'>
O es que los estilos cuando se cargan por un archivo exterior, este carga primero y luego conforme a la pagina se aplican??

Y si tengo un div q lleno con ajax.... como se aplican los estilos al contenido del mismo? acaso como la pagina ya esta cargada no se aplicara ningun estilo? o los estilos se aplican antes de devolver el resutado de responseText???

gracias.

jormaz · #2 (**permalink**) 28/05/2008, 17:26

Hola
hay tres tipos de hojas de estilo:
las de navegador
las de usuario
las de autor (las tuyas)

Se ordenan de menos a más importante. Las reglas de estilo del navegador se consideran menos importantes que las de usuario y estas menos que las de autor que se encuentran en el servidor del sitio. Todas ellas se cargan antes que el contenido ya que se cargan con el HEAD

daPhyre · #3 (**permalink**) 29/05/2008, 09:11

Las hojas de estilos se cargan dependiendo de la forma en que los cargues. De la forma que lo haces tu (body onload) se carga hasta que se haya cargado toda la página. Pero lo más óptimo es cargarlo en el head con un código como este:

Código HTML:

<link rel="StyleSheet" href="style.css" type="text/css" id="style" />

De esta forma, se cargará al comienzo de la página, y ya comenzará a verse bien desde el comienzo, cosa que prefiere el usuario general; por supuesto, como cargarlo ya depende del que hace la página. Ahora, con el "id" incluso puedes cambiar de forma dinámica tu estilo con JS, pero ese ya es otro punto.

Ahora, en el caso del AJAX, su contenido se ve afectado por el mismo CSS de la página general, así si tienes los "strong" en rojo con tu CSS, y cargas un AJAX que tiene etiquetas "strong", estas se verán de igual forma en rojo. Si quieres que tengan su propio estilo distinto, utiliza clases únicas en tu AJAX y ponles el formato deseado desde tu mismo CSS.

Espero haberte ayudado. Suerte!

killerangel · #4 (**permalink**) 29/05/2008, 10:07

Por su puesto q me ayudaron!!

Se los agradezco!!