Hola a todos
Bueno como sabrán trabajar en mozilla 3.0 editando una página Web enlazada con una hoja de estilos CSS es interesante, más productivo y más variado en cuanto a un diseño de la página.
Quizá haya algunos q ya sepan esto, pero al crear una página Web q se enlaza con una hoja de estilos CSS, hay ciertos elementos en la hoja de estilos CSS q requieran más atención como el lector de directorios:
Por ejemplo:
Documento html
<Html>
<Head>
<Title>titulo del documento html</tite>
<link rel="stylesheet" type="test/css" href="hoja de estilos css.css"
</head>
<body>
</body>
</html>
Hoja de estilos CSS
body{background-image:url(archivo.formato de imagen);}
Como todos pensaran este es el modo correcto (cuando tu hoja de estilos CSS y tu archivo de imagen se encuentran ubicados en la misma carpeta donde se encuentra el documento html)
Pero cuando la hoja de estilos CSS se encuentra en una carpeta q guarde todos los archivos de la página.
ejemplo:
carpeta contenedora del documento html
-documento html
-carpeta de archivos relacionados con el documento html
carpeta de archivos relacionados con el documento html:
-hoja de estilos css
-archivo.formato de imagen
Cuando esto sucede se debe tomar en cuenta ciertos elementos
<html>
<head>
<title>titulo de la pagina</tite>
<link rel="stylesheet" type="test/css" href="carpeta de archivos relacionados con el documento html\hoja de estilos css.css">
</head>
<body>
</body>
</html>
Hoja de estilos css:
body{background-image:url( carpeta de archivos relacionados con el documento html\archivo.formato de imagen);}
Como observaran q la hoja de estilos CSS lee la imagen para background desde la capeta q contiene documento HTML, es por q al momento de correr el documento, este leerá la hoja de estilos CSS, y le asignara las propiedades a cada etiqueta en el documento HTML desde la hoja de estilos CSS es decir q la etiqueta body en el documento leerá el directorio “carpeta de archivos relacionados con el documento html” y buscara “archivo.formato de imagen” para asignarlo como fondo del documento.
Esto es una observación q t será útil en caso de q realices un documento HTML enlazada con una hoja de estilos CSS con las características anteriormente mencionadas.
Por ultimo en caso de q tengas la hoja de estilo CSS en la carpeta del documento html y la imagen dentro de otra carpeta tendrás q colocar la misma sintaxis con la unica diferencia q el atributo “href” de la etiqueta <limk> tendrás q colocar
<link rel="stylesheet" type="test/css" href="hoja de estilos css.css">
La observación final es q todo lector de directorios q realices en una hoja de estilos css debe de asignarle la lectura al documento html dado q la etiqueta se encuentra en este mismo y la hoja de estilos CSS solo nos es útil para ahorra espacio y darle mas entendimiento a nuestro documento HTML, y esta asignara las propiedades a las etiquetas empleadas en nuestro documento html.
