Return to Video

Más propiedades de texto en CSS

  • 0:01 - 0:04
    Escuchen amigos:
    Las propiedades de CSS son interminables.
  • 0:04 - 0:06
    Déjenme mostrarles algunas más.
  • 0:06 - 0:09
    ¿Qué pasa si quiero cambiar
  • 0:09 - 0:12
    el espacio entre líneas de las letras de mis canciones?
  • 0:12 - 0:16
    Podría usar la propiedad "line-height",
  • 0:16 - 0:19
    y especificar algo así como: 15px.
  • 0:19 - 0:25
    O tal vez podría ser mejor "1.5em", que hace que el espacio entre líneas sea más grande
  • 0:25 - 0:28
    150 por ciento del tamaño del texto.
  • 0:28 - 0:32
    ¿Qué pasa si quiero que las letras de mis canciones estén alineadas al centro?
  • 0:32 - 0:37
    Podría usar la propiedad "text-align", y especificar "center".
  • 0:37 - 0:39
    También la podría cambiar para que quede justificado ("justified") o a la derecha ("right"),
  • 0:39 - 0:42
    aunque creo que eso se vería un poco extraño.
  • 0:42 - 0:46
    ¿Qué pasa si quiero subrayar el párrafo principal?
  • 0:46 - 0:49
    Podría usar la propiedad "text-decoration"
  • 0:49 - 0:53
    y especificar "underline".
  • 0:53 - 0:57
    ¿Y si quiero quitar el subrayado de mis enlaces,
  • 0:57 - 0:59
    como este enlace a Wikipedia?
  • 0:59 - 1:01
    Bueno, el navegador tiene una serie de estilos predeterminados
  • 1:01 - 1:03
    que aplica en cada cosa.
  • 1:03 - 1:06
    Como "text-decoration: underline"(subrayado) para enlaces.
  • 1:06 - 1:09
    Pero podemos usar CSS para anular los estilos predeterminados del navegador,
  • 1:09 - 1:12
    y escribir: "text-decoration: none".
  • 1:12 - 1:19
    Sólo hay que añadir esta regla aquí: "a", "text-decoration: none;"
  • 1:20 - 1:23
    Y verás que ya no está subrayado.
  • 1:23 - 1:25
    Pero debemos ser muy cuidadosos cuando hacemos esto,
  • 1:25 - 1:28
    porque los estilos predeterminados están ahí por una razón.
  • 1:28 - 1:32
    Si los enlaces no están subrayados, ¿cómo van a saber los usuarios que son enlaces?
  • 1:32 - 1:35
    ¿Qué pasa si nunca los usan porque piensan que es texto normal?
  • 1:35 - 1:39
    Si quitamos el subrayado debemos asegurarnos
  • 1:39 - 1:42
    de que los enlaces se vean diferentes de alguna otra manera.
  • 1:42 - 1:44
    De lo contrario, haremos que los usuarios se entristezcan.
  • 1:44 - 1:46
    Y los usuarios tristes me hacen sentir triste.
  • 1:46 - 1:48
    Tú también te deberías sentir triste por ellos.
  • 1:49 - 1:52
    Podría hablarte de propiedades de texto todo el día.
  • 1:52 - 1:54
    Pero no lo haré, porque nos falta mucho que revisar.
  • 1:54 - 1:56
    Hay cientos de propiedades de CSS.
  • 1:56 - 1:58
    Y los navegadores añaden más cada año.
  • 1:58 - 2:01
    Y probablemente no las abarque todas.
  • 2:01 - 2:03
    Pero espero que te pueda decir lo suficiente para que te entusiasmes.
  • 2:03 - 2:06
    Y luego si quisieras saber sobre alguna propiedad para hacer algo específico
  • 2:06 - 2:08
    y no está en nuestra documentación,
  • 2:08 - 2:11
    puedes usar tu propia máquina de búsqueda y encontrarlo.
  • 2:11 - 2:13
    Por ejemplo, si quieres saber
  • 2:13 - 2:15
    si hay una manera de poner un sombreado en el texto,
  • 2:15 - 2:18
    busca "CSS text shadow" en Internet,
  • 2:18 - 2:20
    y verás muchos resultados.
  • 2:20 - 2:22
    Generalmente, buscar en Internet
  • 2:22 - 2:23
    para responder preguntas,
  • 2:23 - 2:25
    es una habilidad importante para un desarrollador web.
  • 2:25 - 2:28
    Porque hay mucha gente que ha tenido las mismas preguntas que tú,
  • 2:28 - 2:32
    y el 99.9 por ciento de las veces la respuesta está ahí.
  • 2:32 - 2:35
    Sólo tienes que ser bueno para encontrarla.
Title:
Más propiedades de texto en CSS
Description:

more » « less
Video Language:
English
Duration:
02:35
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for More CSS text properties
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for More CSS text properties
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for More CSS text properties
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for More CSS text properties
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for More CSS text properties

Spanish, Mexican subtitles

Revisions