Programación Web » Aprender CSS » Unidad 1. Aprender CSS:

URL en CSS

css

En el caso, poco frecuente, de que en una hoja de estilo deba referenciar URLs o vínculos a otros archivos, casi siempre se trata de gráficos que se vinculan como fondo a un elemento. En ese caso hay que tener en cuenta una particularidad:

En CSS las URLs siempre se definen con referencia a la hoja de estilo, no al documento vinculado a ella.

La estructura de directorio propio podría ser, por ejemplo:

Archivo.html
imagenes/imagen.gif
css/sus-hojas-de-estilo.css

Por lo tanto, si quiere integrar una imagen de fondo en su página, en el archivo CSS aparecerá, por ejemplo:

body {
background-image: url (../imágenes/imagen.gif);
/* otras declaraciones */
}

Puede ver claramente que la trayectoria de la imagen, después de la URL inicial, viene escrita entre paréntesis ().

Por su puesto también puede utilizar URLs absolutas en lugar de relativas

body {
background-image: url (http://www.dominio.es/imagenes/imagen.gif);
/* otras declaraciones */
}

En teoría, la URL en sí puede escribirse entre comillas, dobles o sencillas. Aunque también puede provocar un mensaje de error (dependiendo del navegaor). IE/MAC, por ejemplo, no acepta comillas sencillas en las URLs.

Artículos de navegación

Acerca del Profesor

Adrián Delgado Rodríguez

Ingeniero en Computación, docente por convicción y apasionado por la programación Web.

Actualmente trabaja como Profesor para en el Centro Universitario de la Costa de la Universidad de Guadalajara y como Desarrollador Web.

Síguenos:

 

Ver el perfil completo de Hugo Adrián Delgado Rodríguez (akus.net).

Deja un comentario

avatar comentario
Jose
En teoría, la URL en sí puede escribirse entre comillas, dobles o sencillas. Aunque también puede provocar un mensaje de error (dependiendo del navegador).




Diseño de páginas Web en Puerto Vallarta y Bahía de Banderas akus.net
subir

Síguenos en Facebook

Artículo de la semana

Cómo iniciar una página WebMetodología para la creación de sitios

Comprende las fases de Análisis, Planificación, Contenido, Diseño. ¿Qué método utilizas?