DEV Community

loading...
Cover image for 5 tips para aprender CSS en 2021

5 tips para aprender CSS en 2021

soyleninjs profile image Lenin Felix Updated on ・2 min read

promo

CSS es un lenguaje que puede resultar complicado (por lo menos al principio), podrá no se muy claro y en veces algo raro el como están escritas algunas cosas (yo al principio sentía eso) pero los siguientes tips te ayudaran a conocerlo y dominarlo

Selectores

Identifica los diferentes selectores que puedes utilizar para estilizar tu HTML. Por lo menos enfócate (al principio) en los mas básicos como son los selectores de tags y selectores por id y clase (créeme sera de lo mas entretenido llenar todo tu html con puros id y clases).

Alt Text

Anatomía

Conoce la anatomía de su declaración, es decir, la estructura base con la que debe escribirse. Entiende como se nombran los selectores con sus respectivos patrones o estructura, saber que son las propiedades y sus valores.

Alt Text

Modelo de Caja

Comprende que es el modelo de caja y que propiedades afectan su dimensionamiento. Entender el modelo de caja expandirá tu mente y podrás ver y comprender a la perfección como es que ciertas propiedades actúan de tal forma y como puede afectar si cambias o agregas otra propiedad (como el box-sizing).

Alt Text

Posicionamiento

Domina como se posicionan los elementos. Usando posicionamiento absoluto, relativo, Flexbox y CSS Grid. Comprender los posicionamientos te ayudaran a ver como todo los elementos que tu estiles tienen un orden y a grandes rasgos cumplen ciertos patrones, los cuales puedes romperlos si sabes utilizar bien sus posiciones (CSS Grid por ejemplo), en pocas palabras podrás saber como se distribuyen tus elementos del html para poder dar un acomodo mas bonito y amigable a la vista (y no todo como un word con puro Arial 12).

Alt Text

Practica

Aprende haciendo. La practica y la constancia son fundamentales en tu proceso de aprendizaje. Intenta copiar lo que otros hacen, eso ayuda mucho a ver como piensan los demás, también es muy recomendable que juegues mucho, que por ti mismo intentes hacer y recordar como hacerlo, eso aumenta exponencialmente tu conocimiento por que simplemente salió de ti.

Alt Text


Si te gusto el contenido puedes apoyarme en:

ko-fi


Quieres Ganar Bitcoins y Dogecoins gratis? Da click en el banner!

promo

Discussion (1)

Collapse
oalmaguer profile image
Oliver Almaguer Tostado

Llevo años escribiendo CSS y todavía batallo con Grid y Flexbox. Se me dificulta saber cuando declarar divs y cuando no, y saber cual es el que tengo que modificar cuando hay varios anidados. Buen post, saludos.

Forem Open with the Forem app