Return to Video

Estilos de fuentes CSS

  • 0:01 - 0:03
    Vamos a ver qué más podemos cambiar de las fuentes.
  • 0:03 - 0:07
    ¿Qué pasa si queremos que el primer párrafo esté en negritas?
  • 0:07 - 0:09
    Podríamos encerrar el párrafo entero en la etiqueta "".
  • 0:10 - 0:12
    Pero eso sería un tipo de abuso de la etiqueta "".
  • 0:13 - 0:14
    En realidad no estamos tratando de decir
  • 0:14 - 0:16
    que todo el primer párrafo es destacado.
  • 0:16 - 0:19
    Sólo estamos pensando que tal vez se vea mejor en negritas.
  • 0:19 - 0:22
    Así que en lugar de eso, vamos a usar la propiedad de CSS: "font-weight".
  • 0:22 - 0:28
    Vamos arriba a la regla CSS correspondiente y escribimos: "font-weight: bold".
  • 0:28 - 0:30
    ¡Tan tan! Está en negritas.
  • 0:30 - 0:35
    Ahora, ¿cómo hacemos que todas estas letras queden inclinadas?
  • 0:35 - 0:38
    Una vez más, podríamos encerrarlas en la etiqueta "",
  • 0:38 - 0:43
    porque el navegador define un estilo inclinado con la etiqueta "".
  • 0:43 - 0:44
    Pero no deberíamos hacer eso,
  • 0:44 - 0:47
    porque eso es abusar de la etiqueta "".
  • 0:47 - 0:49
    No estamos tratando de enfatizar toda la canción.
  • 0:49 - 0:52
    Sólo pensamos que se vería mejor inclinado.
  • 0:52 - 0:56
    Así que en lugar de eso, deberíamos usar la propiedad de CSS: "font-style".
  • 0:56 - 1:00
    Vamos arriba a la regla correspondiente en "song-lyrics",
  • 1:00 - 1:03
    y escribimos: "font-size: italic".
  • 1:04 - 1:06
    Ok, genial.
  • 1:06 - 1:09
    Fíjense que tenemos muchas propiedades relacionadas con los tipos de letra
  • 1:09 - 1:11
    en una regla para nuestras letras de canciones.
  • 1:11 - 1:14
    Aquí tenemos "font-family", "font-size" y "font-style".
  • 1:14 - 1:19
    Si queremos, en realidad podemos agruparlas en una sóla propiedad: "font",
  • 1:19 - 1:25
    simplemente escribiendo: "font: italic 13px fantasy;".
  • 1:25 - 1:29
    Ok, y podemos borrar estas tres propiedades que teníamos antes
  • 1:29 - 1:31
    y todo se ve de la misma manera.
  • 1:31 - 1:36
    A esto se le llama propiedad "shorthand" (abreviada), porque es una manera más corta.
  • 1:36 - 1:38
    Pero a mí no me gusta.
  • 1:38 - 1:41
    Porque siempre olvido en qué orden escribir las propiedades,
  • 1:41 - 1:44
    y es más fácil si escribo una a la vez.
  • 1:44 - 1:47
    Así que lo voy a regresar como estaba antes.
  • 1:48 - 1:52
    Depende de ti, si te gusta escribir abreviado o largo.
  • 1:52 - 1:55
    Lo importante es que se vea con estilo.
Title:
Estilos de fuentes CSS
Description:

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

Spanish, Mexican subtitles

Revisions