Curso de CSS desde cero: Conceptos fundamentales y estilo
Introducción al estilo web
Este episodio se centra en los conceptos fundamentales de CSS (Cascading Style Sheets), el lenguaje de diseño utilizado para estilar documentos HTML.
• Fundamentos: Se distingue entre HTML (marcado), CSS (diseño/presentación) y JavaScript (interactividad).
• La Cascada (Cascading): El término se refiere al orden en que se aplican las reglas, considerando la especificidad y el origen (navegador, usuario o desarrollador).
Recursos y buenas prácticas
El autor recomienda recursos oficiales y de alta calidad para aprender CSS, desaconsejando explícitamente sitios como W3Schools por considerarlos desactualizados:
- MDN Web Docs
- Curso oficial de CSS de Google/Chrome
- Biblioteca de aprendizaje recomendada por el host
"CSS es un lenguaje declarativo para describir la presentación de un documento."
Selectores y colores
La sesión aborda cómo aplicar estilos seleccionando elementos por etiqueta, clase o ID. Se profundiza en el uso estratégico de colores y opacidad:
• Formatos: Hexadecimales, RGB y el moderno OKLCH para una mayor gama de colores.
• Current color: Un valor útil para sincronizar automáticamente el color de bordes con el texto.
• Selectores combinados: Uso de operadores para mayor especificidad (hijos directos, hermanos siguientes).
Herencia y modelo de caja
Finalmente, se explica cómo ciertas propiedades se heredan y cómo controlar el diseño mediante las herramientas de desarrollo (DevTools):
• Herencia: Propiedades como font-family o color se transmiten, mientras que otras como border deben forzarse si se desea heredar.
• Modelo de caja (Box Model): Es crucial entender cómo el contenido, padding, border y margin conforman el tamaño real de un elemento. Se recomienda el uso de box-sizing: border-box para facilitar el cálculo del ancho y alto total.