2 instrucciones que debemos aprender:
Tracking espaciamiento entre letras
Leading espaciamiento entre lineas
Introducción, instalación y ambiente de desarrollo
¿Qué es Tailwind CSS?
Instalación y ambiente de desarrollo
Directivas de Tailwind
Conceptos básicos
Personalización y configuración
Responsive Design, Mobile First y Utility First
Utilerías
Colores
Cómo crear grids o columnas en Tailwind CSS
Dimensiones y Espacios
Cambiando las propiedades de la tipografía
Ajustando el espaciado entre letras y líneas
Display
Flexbox
Crea tus propias utilerías
Entendiendo las variantes y las pseudo-clases
¡Es hora de practicar!
Proyecto: PlatziFood
Creando una card
Aplicando formato a la card
Responsive design en la card
Construye el header
Crea el footer
Crea un banner
Cómo integrar una card
Forms
Directivas de Apply
Extraer componentes
Navbar
Alpine JS
Optimiza tu archivo: PurgeCSS y NanoCSS
Conclusiones
Conclusiones y qué sigue
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Ajustando el espaciado entre letras y líneas
10/29Recursos
Aportes 17
Preguntas 3
Ordenar por:
Cambios en enero 2021
Me va gustando mas este curso que el de bootstrap
text-left Alineado a la Izquierda
text-right Alineado a la Derecha
text-center Alineación al centro
text-justify Texto justificado
Me gusta ya que escribir esto en css es muy fácil y mínimo son 3 lineas de código, con estas clases esto resulta mucho más práctico
🎨 La documentación fue actulizada con nuevas clases en 2021.
Enlaces a la documentación:
<h3>Margen entre letras
tracking-tight /Letras juntas
tracking-tighter /Letras muy juntas
tracking-wide /Letras separadas
tracking-widest /Letras muy separadas</h3>
leading-tight /Lineas juntas
leading-snug /Lineas juntas (un poco mas separadas que leading-tight)
leading-relaxed /Lineas separadas
leading-loose /Lineas separadas (un poco mas que leading-relaxed)</h3>
text-left /Alineado a la Izquierda
text-right /Alineado a la Derecha
text-center /Alineación al centro
text-justify /Texto justificado</h3>
tracking-tight /Letras juntas
tracking-tighter /Letras muy juntas
tracking-wide /Letras separadas
tracking-widest /Letras muy separadas</h3>
leading-tight /Lineas juntas
leading-snug /Lineas juntas (un poco mas separadas que leading-tight)
leading-relaxed /Lineas separadas
leading-loose /Lineas separadas (un poco mas que leading-relaxed)</h3>
text-left /Alineado a la Izquierda
text-right /Alineado a la Derecha
text-center /Alineación al centro
text-justify /Texto justificado</h3>
line-through /Tachar texto
underline /Subrayar texto
no-underline /Sin subrayar (quita el subrayado)
uppercase /Letras en mayusculas
capitalized /Primera letra de cada palabra en mayuscula
lowercase /Letras en minuscula
muy practico todo!
Transformando el texto
uppercase text-transform: uppercase;
lowercase text-transform: lowercase;
capitalize text-transform: capitalize;
normal-case text-transform: none;
tracking: espacio entre letras
leading: espacio entre lineas
Transformando el texto
uppercase text-transform: uppercase;
lowercase text-transform: lowercase;
capitalize text-transform: capitalize;
normal-case text-transform: none;
text-left Alineado a la Izquierda
text-right Alineado a la Derecha
text-center Alineación al centro
text-justify Texto justificado
Resumen en tema de conversión de letras de mayúsculas a minúsculas o viceversa.
uppercase convierte todo a mayúscula
capitalize Convierte solo las primeras letras en mayúscula
lowercase convierte de mayúscula a todo minúscula.
excelente me esta gustando hasta el momento 😃
Genial, todo bien por el momento
Me esta gustando Tailwind
La utilidad tracking nos permite controlar la propiedad letter spacing de un elemento.
(
Fuente: https://tailwindcss.com/docs/letter-spacing
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?