< 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 Mar 17, 2016, 11:50 PM
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for More CSS text properties Mar 11, 2015, 10:17 PM
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for More CSS text properties Mar 11, 2015, 10:08 PM
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for More CSS text properties Mar 11, 2015, 10:03 PM
Martha Isabel Soriano Ruiz edited Spanish, Mexican subtitles for More CSS text properties Mar 10, 2015, 1:11 AM

Spanish, Mexican subtitles

Revisions

  • Revision 5 Edited
    Martha Isabel Soriano Ruiz Mar 17, 2016, 11:50 PM