Curso HTML & CSS ( 3 / 5 ): Unidades y Estilos CSS - jonmircha
En este curso te enseño las diferentes unidades de medida existentes en CSS y diferentes estilos que podemos aplicar a las etiquetas HTML.
📦 RECURSOS
🟠 Repositorio de Códigos en GitHub - https://github.com/jonmircha/youtube-...
🔵 Configuración de VisualStudio Code:
➡️ Artículo - https://jonmircha.com/vscode
➡️ Video - • Curso Visual Studio Code & Emmet - jonmircha
➡️ Atajos Windows - https://code.visualstudio.com/shortcu...
➡️ Atajos Mac - https://code.visualstudio.com/shortcu...
🟢 Emmet.io - https://emmet.io/
🔵 MDN - https://developer.mozilla.org/es/
🔵 CSS Reference - https://cssreference.io/
🔵 Can I Use - https://caniuse.com/
🔵 Code Guide - https://codeguide.co/
🔵 Colores en CSS- https://htmlcolorcodes.com/es/
🔵 PXtoEM - http://pxtoem.com/
🔵 Google Fonts - https://fonts.google.com/
🔵 Material Icons - https://fonts.google.com/icons
🔵 Bootstrap Icons - https://icons.getbootstrap.com/
🔵 Font Awesome - https://fontawesome.com/
🔵 CDN JS - https://cdnjs.com/
🔵 Border Radius MDN - https://developer.mozilla.org/en-US/d...
📖 CURSOS RECOMENDADOS:
🔴 Fundamentos HTML - • Curso HTML & CSS ( 1 / 5 ): Fundamentos HT...
🔴 Fundamentos CSS - • Curso HTML & CSS ( 2 / 5 ): Fundamentos CS...
🔴 Unidades y Estilos CSS - • Curso HTML & CSS ( 3 / 5 ): Unidades y Est...
🔴 Efectos Visuales y Movimiento en CSS - • Curso HTML & CSS ( 4 / 5 ): Efectos Visual...
🔴 Responsive y Arquitectura CSS - • Curso HTML & CSS ( 5 / 5 ): Responsive Des...
🔴 Flexbox CSS - • Curso Flexbox CSS
🔴 Grid CSS - • Curso Grid CSS
🔴 Taller de Maquetación - • Taller de Maquetación
🔴 Figma - • Curso Figma
🟡 JavaScript - • Curso JavaScript
🔵 React - • Curso React.js
📝 ÍNDICE:
1. 0:00:00 - Bienvenida
2. 0:06:32 - Colores en CSS
3. 0:11:30 - Colores por Nombres
4. 0:17:10 - Convertidor de Colores
5. 0:18:14 - Sistema Hexadecimal
6. 0:34:52 - Sistema RGB
7. 0:44:24 - Sistema HSL
8. 1:02:04 - ¿Qué sistema de colores uso?
9. 1:06:51 - transparent & currentColor
10. 1:17:47 - Propiedad opacity
11. 1:23:19 - Unidades de Medida en CSS
12. 1:33:41 - Pixeles
13. 1:43:14 - EMs
14. 1:57:50 - REMs
15. 2:09:53 - EXs
16. 2:15:58 - CHs
17. 2:25:51 - Porcentajes
18. 2:42:44 - Unidades del Viewport
19. 3:03:40 - ¿Cuándo usar cada unidad de medida?
20. 3:12:10 - Variables y Funciones en CSS
21. 3:15:11 - Custom Properties y Función var()
22. 3:39:07 - Función url()
23. 3:41:01 - Función calc()
24. 3:49:56 - Función min() & max()
25. 3:55:23 - Función clamp()
26. 4:00:05 - Estilos de Fuentes y Textos
27. 4:03:47 - Estilos de Fuentes
28. 4:16:51 - Fuentes externas (@font-face & font-display)
29. 4:32:51 - Google Fonts
30. 4:50:35 - Estilos de Texto
31. 5:12:35 - Iconos Tipográficos
32. 5:32:59 - Propiedad border-radius
33. 5:53:05 - Propiedad outline
34. 6:03:28 - Estilos del Fondo
35. 6:09:00 - Propiedad background-color
36. 6:09:58 - Propiedad background-image
37. 6:12:25 - Propiedad background-size
38. 6:20:21 - Propiedad background-repeat
39. 6:22:49 - Propiedad background-position
40. 6:28:20 - Propiedad background-clip
41. 6:33:02 - Propiedad background-origin
42. 6:36:46 - Diferencias entre clip y origin
43. 6:44:52 - Propiedad background-attachment
44. 6:48:40 - Propiedad background
45. 6:51:11 - Fondos Múltiples
46. 7:05:37 - Estilos de Imágenes
47. 7:28:29 - Estilos de Listas
48. 7:49:15 - Texto en Columnas
49. 8:00:00 - Estilos de Tablas
50. 8:13:37 - Estilos de Formularios
51. 8:23:46 - Formulario de Contacto con CSS
52. 8:54:51 - Despedida
🦊 Visita mi sitio web https://jonmircha.com
🔔 Suscríbete al canal / jonmircha
🌮 ¿Me invítas un taco? https://www.paypal.me/jonmircha
👨🏻💻 Toma una Mentoría conmigo https://jonmircha.com/mentoria
📫 Suscríbete a mi lista de correo https://tinyletter.com/jonmircha
#CSS #CursoCSS #CSSTricks