Re: [Ovillo] Cuál es la diferencia entre herencia y cascada en CSS
Hola, Mi resumen de esas lecturas: *HERENCIA* Es la transmisión de características entre un elemto y sus descendientes en la estructura del documento. Hay algunas características que se heredan y otras que no. La lógica es que uno no tenga que volver a definir una característica nuevamente en la característica en cada uno de los elementos descendientes. Entre las características que se heredan están: fuentes, alineaciones, colores de fondo y de primer plano Entre las características que NO se heredan están: dimensiones (anchos y altos), margenes, rellenos (padding), bordes *CASCADA* Es básicamente un conjunto de criterios para decidir cómo se aplican reglas CSS a los elementos en caso de posibles conflictos, es decir genera un orden de prioridad para aplicar las reglas. Para ello se tienen en cuenta tres criterios: 1. Importancia Los estilos se aplican según el siguiente orden de prioridad: a) Primero las que el usuario haya definido como importantes (!important) b) Las que el autor haya definido como importantes (!important) c) Los estilos del autor d) Los estilos de usuario e) Los estilos del agente de usuario (browser) 2. Especificidad Esta se mide con cuatro criterios, que se ponen uno después de otro, si está más a la izquierda tiene un mayor peso que el otro Si los valores son / a , b , c , d / Tenemos que: a - tiene valor 1 o 0. Uno si hay algo definido en el style de un elemento de HTML b - cuenta un número de ID que tienen c - cuenta el número de clases que se tienen d - cuenta el número de elementos de tienen definidos Entre mayor sea el número a la izquierda pesa más, por lo tato tiene mayor prioridad en la aplicación del estilo 3. Orden Finalmente si se tienen dos criterios que generan contradicción y tienen la misma importancia y especificidad entonces se decide de acuerdo al orden de aparición en la hoja de estilo, el que esté de último es el que predomina. Germán ger...@atararya.org http://atarraya.org El 26 de abril de 2009 15:39, Javier Guerrero escribió: > Hola, gracias por responder. > > Estuve investigando y encontré algo que explica el tema: > http://codexexempla.org/curso/curso_3_6.php > > Tus ejemplos son válidos, así que me ayudó a reforzar los conceptos. > > Saludos. > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cuál es la diferencia entre herencia y cascada en CSS
Hola, Mi resumen de esas lecturas: HERENCIA El 26 de abril de 2009 15:39, Javier Guerrero escribió: > Hola, gracias por responder. > > Estuve investigando y encontré algo que explica el tema: > http://codexexempla.org/curso/curso_3_6.php > > Tus ejemplos son válidos, así que me ayudó a reforzar los conceptos. > > Saludos. > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cuál es la diferencia entre herencia y cascada en CSS
Hola, gracias por responder. Estuve investigando y encontré algo que explica el tema: http://codexexempla.org/curso/curso_3_6.php Tus ejemplos son válidos, así que me ayudó a reforzar los conceptos. Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cuál es la diferencia entre herencia y cascada en CSS
Por decirlo de alguna manera medio "bruta", y como creo yo entenderlo:
herencia se le llama a que los elementos "hijos" tienen las mismas
propiedades (no todas, pero la mayoría) que se definieron (o no) en su
"padre".
Ejemplo:
Por ejemplo, si a div_1 le ponemos "text-align: center", div_2, tendrá esa
misma propiedad, sin necesidad de especificarla para div_2. Y si dentro de
ese ponemos otro, también lo heredará del primero, hasta tanto indiquemos
otra cosa. En cambio, div_3 no la tendrá.
Cascada se le llama a la posibilidad de definir diferentes valores, varias
veces, para un mismo elemento. Si al mismo ejemplo anterior ahora definimos:
div { padding: 15px 0 0; }
#div_2 { padding-bottom: 15px; }
Ahora div_1 y div_3 tienen un padding superior de 15px, aunque no se heredan
entre sí. div_2 tiene además un padding inferior de 15px, pese a que
habíamos definido otra cosa en la línea anterior (lo sobreescribe). Aquí es
donde entra en juego la especificidad (que palabreja) de cada selector para
determinar si se sobreescribe o no.
Espero no haber dicho ninguna burrada, jajaja. Alguien seguramente te lo
podrá explicar mejor que yo. ¡Abrazos!
–
Pablo Rodríguez Molinari
Maquetador Web
(+54 9) 11 5527 2808 | www.niceslice.com.ar
2009/4/26 Javier Guerrero
> Pues esa es la pregunta:
>
> ¿Cuál es la diferencia entre herencia y cascada en CSS?
>
> Saludos
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Cuál es la diferencia entre herencia y cascada en CSS
Pues esa es la pregunta: ¿Cuál es la diferencia entre herencia y cascada en CSS? Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
