Publicidad
Publicidad

Curso Completo de CSS de principiante a avanzado - CURSO de CSS - 65 ¿Como CAMBIAR el ESPACIADO entre LETRAS y PALABRAS?

Miniatura del vídeo

Clase: Cómo modificar el espaciado entre letras y palabras con CSS

Aprende a controlar el diseño tipográfico de tus proyectos web utilizando CSS. Descubre cómo ajustar el espaciado entre letras y palabras mediante propiedades clave.

Esta lección se centra en el dominio de las propiedades de CSS encargadas de la legibilidad y el estilo visual de los textos. A través del uso de unidades de medida y valores específicos, se puede modificar el kerning y el espaciado entre palabras para lograr diseños más profesionales y personalizados.

Puntos Clave de la Lección

  • Propiedad letter-spacing: Se utiliza para ajustar el espacio entre cada carácter de un texto. Al asignar valores positivos, se aumenta la separación, mientras que el valor "normal" mantiene el estilo predeterminado del navegador. [00:00:22]
  • Uso de unidades de medida: Es posible aplicar valores en píxeles (px) tanto positivos para separar caracteres como negativos para reducir el espacio y acercar las letras entre sí, logrando efectos de tipografía compacta. [00:00:47]
  • Propiedad word-spacing: Permite controlar de manera independiente el espacio en blanco entre las palabras de una oración, funcionando de forma análoga a la propiedad anterior pero enfocada exclusivamente en los bloques de texto. [00:01:46]
  • Valores negativos en word-spacing: Al igual que con las letras, la aplicación de valores negativos permite ajustar la proximidad entre palabras, lo cual es útil para corregir problemas de diseño o generar estilos visuales específicos. [00:02:19]

Productos útiles para este curso

Para seguir este curso de CSS, se recomienda contar con un editor de código como Visual Studio Code y un navegador web moderno (Chrome, Firefox o Edge) con sus herramientas de desarrollador activadas para inspeccionar los cambios en tiempo real.

Resumen Final

La correcta manipulación del espaciado es fundamental en el diseño web para mejorar la legibilidad y la estética. Mediante `letter-spacing` y `word-spacing`, el desarrollador obtiene un control total sobre cómo se distribuye el texto, permitiendo tanto una mayor apertura para títulos elegantes como una compresión estratégica para párrafos densos o logotipos basados en texto.

Créditos del Autor

Esta lección ha sido adaptada del contenido original creado por el canal, especializado en programación web y desarrollo frontend. Se recomienda visitar su canal oficial de YouTube para profundizar en estos contenidos.

65. CURSO de CSS - 65 ¿Como CAMBIAR el ESPACIADO entre LETRAS y PALABRAS?

Contenido

Guarda tu progreso

Presiona Ctrl + D para favoritos.

Ver otros cursos