Introducción a las hojas de estilo CSS para todos los públicos.

Maquetar una sencilla card con una fotografía, un título y una descripción es muy sencillo.
Es verdad, puede ser demasiado sencillo.
Pero es un punto ideal para empezar a trabajar con las hojas de estilo CSS.
Un concepto básico del desarrollo web que muchas veces se va olvidando por falta de práctica. Y porque cualquier otro sistema parece hacerlo más fácil que nosotros.
No es este el caso.
En este directo vemos todas estas cosas:
<ul>
<li>Estilos en línea (y por qué no es bueno usarlos)</li>
<li>Importar una fuente</li>
<li>Shorthands en las reglas de estilo</li>
<li>Los estilos por defecto del navegador</li>
<li>Display flex (lo básico)</li>
<li>Clases, IDs y selectores</li>
<li>Selectores hijo y descendentes</li>
<li>Especificidad</li>
<li>BEM y buenas prácticas (<a href="https://premium.danielprimo.io/podcast/premium/buenos-consejos-para-un-buen-css">Episodio de WRP</a>)</li>
</ul>
Puedes ver el código final <a href="https://github.com/delineas/css-pretty-card">aquí</a>.
<a href="/nivel">Suscríbete</a> o <a href="/login">identíficate</a> para ver el vídeo al completo tal cuál se emitió en directo y acceder al código de la sesión.

Comando Coding 03: Maquetando una tarjeta con CSS

Explora los capítulos