-
Ahora que has revisado muchas
-
propiedades, quiero señalar algo que
-
probablemente ya hayas notado.
-
Un concepto llamado herencia.
-
Algunas propiedades de CSS se heredan, lo que
-
significa que pasan a todas las etiquetas que están
-
debajo de ellas. Por ejemplo,
-
la propiedad "font-family" se hereda.
-
Simplemente con ponerla en la etiqueta "body",
-
podemos ver que funciona automáticamente
-
para todas las etiquetas "hijas", como
-
la etiqueta "h1" y los párrafos. Sólo deja de
-
tener efecto cuando se pone otra regla.
-
Como esta regla que cambia la familia de tipo de texto
-
de todos los encabezados a cursiva. Otra
-
propiedad heredada es el color. Si la ponemos
-
en la etiqueta "body", vemos que se aplica
-
para todas las etiquetas dentro de "body" hasta
-
que otra regla la anula. Como esta regla de aquí
-
que cambia los encabezados "h2" a verde. Otras
-
propiedades heredadas que hemos visto
-
son "font weight" (ancho de letra), "font size" (tamaño de letra), "font style" (estilo de texto),
-
"line height" (altura de la línea), "text align" (alineación de texto), muchas
-
de las que hemos visto son heredadas, porque
-
tienen que ver con el estilo de texto y
-
los navegadores asumen que los diseñadores web
-
quieren que el estilo de texto tenga efecto en todo,
-
para que no tengan que definir los estilos en
-
cada nivel. Sin embargo, muchas
-
de las propiedades que veremos en el futuro
-
no serán heredadas. Si no estás seguro si una
-
propiedad es heredada o no, la puedes poner en la
-
etiqueta "body" y ver qué pasa,
-
o puedes buscar la propiedad en Internet,
-
y leer la documentación correspondiente.
Khan Academy
