confusion con la hoja de estilos

alonsomero · 28 Feb 2009, 19:44 · Solicitar retirada

Buenas tardes:

Tenia una duda, estoy en la seguna parte del curso y la verdad te felicito me parece exelente y de gran ayuda....
Pero en la parte de las clases de estiilo y los estilos unicos me he quedado algo estancado. La verdad es que no se cual es la diferencia entre uno y otro. En tu pagina dices que las clases de estilo se usan para varios elementos y que los estilos unicos solo por lo que entiendo solo es para un elemento, entonces a aca viene mi duda en mi codigo html estuve probando para ver si el estilo unico solo funcionaba con un elemento pero por lo que veo funciona en varios del mismo modo que las calses de estilo en ambos casos se ve rosado.Te copio mis codigos del html y de mi hoja de estilos.

Codigo Html:

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera">Parte inicial</div>

<div id="cabecera">Parte dos</div>
<p id="cabecera">Parrafo</p>
<p class="cabecera">Parrafo 2</p>

</body>
</html>

Codigo de Hoja de estilos:

#cabecera {background-color:pink}
.cabecera {background-color: blue}

La verdad no entiendo cual es la diferencia, cuando deberia emplear uno y cuando el otro.
Espero resuelvas mi duda
Gracias
Atentamente
Alonso M

manmanu · 1 Mar 2009, 22:51 · Solicitar retirada

hola alonsomero,

voy a aventurarme a contestar este post;
Por lo que creo entender....!!!!
voy a darte mi opinión.
me explico;
tu dices que se ven todos de la misma manera, y y o creo que los únicos que se ven de la misma manera en el IDENTIFICADOR "id" que le asignas a la capa cabecera, y parrafo.
O sea solo se ve Rosa, todo aquello que has envuelto con el id=cabecera, por que así e lo ordenas en los estilos;
#cabecera {background-color:pink}
Para que lo entiendas;
#esto indica el inicio de un identificador.

Pero fijate, que se ve azul el parrafo que le has dado una clase;
.cabecera {background-color: blue}

.Esto indica el inicio de un class o clase.

Si lo que quieres preguntar, o sacar de dudas es que si puedes dar propiedades, a un identificador, y los mismos a un class, creo que no hay problema, por que funcionan.
Que es el metodo idoneo???? pues qque quieres que diga, yo acostumbro, y creo que es general, utilizar los id para, por decir algo las capas, entre otras cosas, y luego los class, pues para ajustes personalizados, e independientes a un elemento concreto.

Por que el id generaliza todo lo que se encuentra dentro de este, y con un class ropemos los atributos que hemos dado al id, para un elemento que se e¡cuentra dentro, indpendientemente.

No se si me explico.

En resumen id= generalizmos todo lo que lo envuelve, y un class, le damos atributos diferente a uno o varios elementos dentro del id, por ejemplo.

manmanu

alonsomero · 2 Mar 2009, 01:42 · Solicitar retirada

Gracias,
Creo que lo tengo algo mas claro pero nunca del todo. Mi pregunta va mas que nada a saber cuando utilizare el id para ponerle color de fondo a una capa o parrafo y cuando utilizare el class para ponerle fondo a una capa o parrafo, ya que en ambos casos, usando en la hoja de estilos tanto el #(para id) como el . (para class), podria ponerle color al parrafo o a la capa. En conclusion no se cuando por ejemplo para un parrafo deberia utilizar el class o cuando el id o da lo mismo cualquiera de los dos.

Gracias
Alonso Mendez

alonsomero · 2 Mar 2009, 01:58 · Solicitar retirada

Disculpa el hecho de ser tan isistente...

Para ser mas clara mi pregunta, ahora que leia otra ves la web, veo que en una parte (en el subtema Clases de Estilo y Estilo unico) ustedes ponen:
"Una es crear una clase de estilo, que es un tipo de estilo que podemos asignar luego a uno o a varios elementos. Por otro lado están los estilos únicos, que solo se deben aplicar a un elemento por página web."

Entonces mi prgunta apunta basicamente a eso, yo en el codigo html le asigne a varios elementos el estilo unico #cabecera {background-color: pink }, se lo puse a una capa y tambien se lo coloque a un parrafo y en ambos casos funciono, entonces no entiendo a que se refieren cuando ponen que los estilos unico solo sirven para un elemento por pagina web.

De este modo, como funciona en varios elementos, no me queda claro cual es la diferencia con la clase de estilo ya que en teoria la clase de estilo es para varios elementos mientras que el estilo unico solo es para un elemento, es decir o bien para una capa o bien para un parrafo, segun lo que yo entiendo.

manmanu · 2 Mar 2009, 11:28 · Solicitar retirada

Hola alonsomero,

voy a ponerte un ejemplo a ver si contesta a alguna duda;
copialo en un bloc de notas, cambia la extensión txt por html, con un nombre cualquiera que no coincida el nombre con algún archivo que tengas al lado, y lo abres.
Luego me das tu opinión.

Has escrito otro post al hilo, que coincide cuando yo escribía este, luego lo leo, ahora he de marcharme.

Saludos manmanu

<style>
#contenedor{ border:#999999 solid 1px; text-align:left; height:500px; width:500px; margin:0px auto }
.este-estilo-es-para-una-prueba{ text-align:center}
</style>
<div id="contenedor">


hola que tal</p>


hola que tal</p>
<p class="este-estilo-es-para-una-prueba">hola que tal</p>


hola que tal</p>
</div>