< Return to Video

Herencia en CSS

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

more » « less
Video Language:
English
Duration:
01:22
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for CSS inheritance
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for CSS inheritance

Spanish, Mexican subtitles

Revisions