{"id":2015,"date":"2021-01-12T10:15:36","date_gmt":"2021-01-12T13:15:36","guid":{"rendered":"https:\/\/aleare.com.ar\/blog\/?p=2015"},"modified":"2022-10-09T22:45:36","modified_gmt":"2022-10-10T01:45:36","slug":"recursos-para-aprender-css-online","status":"publish","type":"post","link":"https:\/\/aleare.com.ar\/blog\/recursos-para-aprender-css-online\/","title":{"rendered":"Recursos para aprender CSS online"},"content":{"rendered":"
<\/div>

\u00bfExisten recursos para aprender CSS online? \u00a1Claro que s\u00ed! Si est\u00e1s dando tus primeros pasos en programaci\u00f3n web, sabes que la funci\u00f3n de CSS es de vital importancia para crear interfaces agradables y comprensibles para el usuario. Junto con HTML y Javascript son los 3 pilares en los que se basa el desarrollo de un sitio o aplicaci\u00f3n web.<\/p>\n

Pero primero lo primero, \u00bfqu\u00e9 es CSS?<\/p>\n

CSS<\/strong> (abreviatura de Cascading Style Sheets, o Hojas de estilo en cascada) es un lenguaje (s\u00ed, es un lenguaje aunque muchos digan que no) que se combina con el c\u00f3digo HTML, aplicando estilos a las tipograf\u00edas, recuadros, fondos, colores, etc. Como resultado, obtendremos una p\u00e1gina visualmente agradable. Se le dice \u00abestilo en cascada\u00bb porque sus reglas siguen un esquema prioritario, es decir de mayor a menor.<\/p>

\r\n\"Samsung<\/a>\r\nSamsung Galaxy Tab A11 Color Gris Capacidad 64 GB Ram 4GB | $256.090<\/span>\r\n

Ver m\u00e1s productos <\/i><\/a><\/p>\r\n<\/div><\/div>\n

La ventaja de usar CSS es que con uno (o varias) hojas de estilo podemos definir el dise\u00f1o visual que usar\u00e1 todo el sitio web. Al modificar una\u00a0 propiedad, se modifica autom\u00e1ticamente el estilo de todos los elementos donde ha sido aplicado.<\/p>

<\/a><\/div><\/div>\n

Existen actualmente un sinf\u00edn de cursos, tanto online como en Youtube, de pago y tambi\u00e9n gratuitos. No puedo recomendar uno ni algunos en particular, pues los conocimientos y el proceso de aprendizaje son distintos en cada persona. Por lo que tendr\u00e1s que explorar e ir viendo cu\u00e1l se ajusta mejor a tus tiempos y velocidad de aprendizaje.<\/p>\n

Sin embargo, a veces necesitamos m\u00e1s de un ejemplo para entender, resolver dudas, o afianzar conocimientos mediante la pr\u00e1ctica. En este post te voy a mencionar algunos sitios con recursos para practicar o consultar:<\/p>\n

\nWW3 Schools<\/a><\/h4>\n

Este sitio es de consulta obligada y deber\u00edas tenerla entre tus principales sitios de consulta. Existe desde 1999 y yo misma recurr\u00ed a sus ejemplos intensivamente en mis primeros tiempos de desarrollo web, por lo que la puedo recomendar sin ninguna duda. Actualmente no solo encontrar\u00e1s tutoriales y casos pr\u00e1cticos de HTML y CSS sino tambi\u00e9n de JavaScript, SQL, PHP, XML y otras tecnolog\u00edas.\u200b\u200b<\/p>\n

\nCSS Play by Stu Nicholls<\/a><\/h4>\n

Este sitio tambi\u00e9n existe desde hace varios a\u00f1os y contiene ejemplos pr\u00e1cticos de todo lo que se puede lograr utilizando solo CSS, desde men\u00faes hasta sliders y popups. Vale la pena echar una mirada a los ejemplos, que te pueden servir de inspiraci\u00f3n.<\/p>\n

\nCSS Tricks<\/a><\/h4>\n

Otro excelente sitio de referencia, que es en realidad un blog con muchos art\u00edculos y casos pr\u00e1cticos, no solo de CSS sino tambi\u00e9n de HTML y Javascript. Es en la secci\u00f3n ALMANAC encontrar\u00e1s referencia de los selectores y todas las propiedades que se pueden aplicar.<\/p>\n

\nCSSReference.io<\/a><\/h4>\n

Este es, a mi parecer, la mejor referencia visual que he visto hasta el momento. Contiene muchos ejemplos visuales de todas las propiedades existentes hasta el momento, que te servir\u00e1n de referencia e inspiraci\u00f3n.<\/p>\n

 <\/p>\n

Espero que este peque\u00f1o compilado de recursos para aprender CSS te sea muy \u00fatil. Y ahora, sin m\u00e1s palabras, \u00a1a codear se ha dicho!<\/p>\n

\u0421ollaborator<\/a><\/div>