enlazar hoja de estilos

nicolas · 30 May 2007, 02:14 · Solicitar retirada

no entiendo esta parte e un poco confuso para mi
Acordaos que vamos a usar una hoja de estilo para todas estas nuevas páginas. La que usamos para la página principal se llamó "estilo1.css", pero los estilos del resto van a ser algo diferentes, de modo que crearemos una nueva hoja de estilo que llamaremos "estilo2.css".

Como sabéis, tras crearla hay que decirle a cada página donde está y como se llama la hoja de estilo que queremos que siga, de modo que vamos a insertar en la plantilla la línea que hace todo eso. Más tarde creamos la hoja "estilo2.css".

Si recordáis (espero que si) esa línea era:

<link href="ruta/estilo2.css" media="screen" rel="StyleSheet" type="text/css">

donde "ruta/estilo2.css" es la ruta relativa del archivo de la hoja de estilo. Nosotros, por comodidad, guardaremos el archivo estilo2.css en el mismo lugar que la hoja de estilo anterior, luego la ruta será simplemente href="estilo2.css".

Por tanto la línea que tenemos que poner es:

<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">

y como recordaréis hay que situarla dentro de la cabecera del código, es decir, entre <HEAD> y </HEAD> quedando por ahora el código completo de plantilla1.htm como este:

<html>
<head>
<title>Titulo de tu pagina : PONER SECCION</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
</head>
<body bgcolor="#FFFFFF">
</body>
</html>

Usuario 1064 · 30 May 2007, 03:29 · Solicitar retirada

Hola nicolas,

Veo que estas "avasallando" el foro con un montón de preguntas y me parece muy bien que quieras aprender y avanzar el curso, así que te voy a hacer algunas sugerencias que espero no te tomes a mal. :wink:

1. Debes de tener mucha paciencia y leerte el curso paso a paso y poco a poco y no querer ir rápido y sáltandote cosas. No preguntes cosas a las que todavía no has llegado.

2.Antes de abrir un nuevo tema no estaría mal que usaras el buscador en busca de problemas similares al tuyo y en caso de no haber, exponer tu duda.

3.Una vez hayas abierto un tema, por favor, no vuelvas a abrir el mismo repitiéndolo.

4.No abras un nuevo tema para contestar uno que ya hayas abierto.

Y dicho esto, espero que te relajes un poquillo y te tomes las cosas con más calma. En este foro estamos para ayudarte en todo lo que podamos siempre que nos facilites las cosas con la máxima información posible a tu problema, si no, no podremos ayudarte, y nos volverás locos!!!

Usuario 1064 · 30 May 2007, 15:46 · Solicitar retirada

A ver.... si por ejemplo, tienes una página web en la que quieres que todo el texto sea de color rosa, con una fuente arial, en negrita etc... cada vez que hicieras un párrafo nuevo, tendrías que colocar en el código html esto:

parrafo 1 rosa

parrafo 2 rosa

Entonces, para que sirven los estilos? Los estilos es una forma de evitar repetir código haciendo que la página se descargue más rápidamente y te sea más fácil a ti de hacerla. Si tienes mucho texto que es igual, ¿por que estar escribiéndolo todo el rato si con una simple linea puedes hacerlo? Pues eso son los estilos, y te ahorrariás mucho trabajo haciendo esto:

estilos.css

p { font-family:Arial; color:pink; font-weight:bold;}

index.html
<head>
<link href="estilos.css" media="screen" rel="StyleSheet" type="text/css">
</head>

<body>

parrafo rosa</>

parrafo rosa porque he definido que todas las

sean rosa.

Hasta aquí bien, no?

Vale, pues imagínate que tienes dos páginas creadas. En una tienes definidas colores de tablas, tamaños de letras, colores etc... y tu segunda página es totalmente diferente a la primera.

Tienes dos opciones:
una sería crear una sola hoja de estilos con los parámetros de las dos, por lo que tendrías un montón de código haciendo que los navegadores tardaran más en leerlo por lo tanto más lento, o bien crear dos hojas de estilos, con menos código y más fácil para los buscadores de leer.

Me he enrollado demasiado creo :oops:

Pues eso :roll: