¿Cuál es el mejor recurso GRATUITO en línea para aprender CSS?

Si ya sabes algo de CSS, esta es una gran fuente de referencia.

Escuelas w3

W3Schools es un gran sitio. Tienen muchos tutoriales de HTML a PHP y puede estar seguro de que todo lo que lea cumple con los estándares, ya que el sitio es mantenido por el W3C, responsable de los estándares web actuales.

Las lecciones de CSS son bastante detalladas y lo guiarán a través de la mayor parte de lo que necesita saber, pero como es más una página técnica, verá menos ejemplos que en cualquier otro lugar y los ejemplos que tienen son un poco limitados.

Si ya sabes algo de CSS, esta es una gran fuente de referencia.

Tizag

Encuentro mucho este sitio web cuando miro cosas y eché un vistazo a sus tutoriales de CSS, que me parecieron un poco mejor estructurados que los de W3School. La información básica es la misma, pero si eres un principiante absoluto, puedes comenzar aquí.

Tizag en mis ojos es un poco menos formal. Me parece que sus ejemplos están más cerca de la vida real y que el tono es más amigable. También hay tutoriales útiles en muchos otros idiomas, como HTML y MySQL, así que si te gustó el bit CSS, puedes quedarte con la misma calidad en otros idiomas.

CSS Zen Garden

Este sitio es muy diferente de los sitios tutoriales que mencioné anteriormente. En CSS Zen Garden puede poner su conocimiento a prueba o aprender del código escrito por otros. La idea general es que hay un archivo HTML estático e inmutable y que tiene que crear un aspecto separado para él utilizando solo CSS.

Puedes subir tu trabajo y se mostrará, y puedes descargar los archivos de otros para ver cómo hicieron esto y aquello. Esto es realmente útil porque yo mismo aprendí mucho más con el ejemplo que con el aprendizaje real. Lo mismo ocurre con las plantillas de WordPress: si te gusta una, descárgala y echa un vistazo a style.css para ver cómo se hacen las cosas.

CSS Play

CSS Play es un sitio web entre Zen Garden y los sitios de tutoriales porque muestra funcionalidades específicas en CSS y le permite ver el código fuente.

En lugar de tener una página completa o un sitio completo, puede ver ejemplos de menús flotantes, ejemplos de opacidad, soluciones alternativas específicas de IE, etc.

Si necesita una funcionalidad específica y desea estar informado, este sitio web puede ser el mejor lugar para comenzar. Tiene una buena cantidad de anuncios que pueden distraer un poco, pero la información allí es sólida, y muchas veces el código, o al menos el método está muy bien explicado.

Google

Así es, la vieja y simple búsqueda en Google puede ser un gran compañero para aprender CSS en línea y encontrar tutoriales de CSS para principiantes. Además de poder investigar lo que necesitas, también puedes ver cómo funcionan las propiedades CSS específicas. ¿No sabe qué valores puede tener el “desbordamiento”? Simplemente escriba “css overflow” o “css overflow property” y el primer resultado le indicará lo que necesita saber.

Últimamente tres

  1. W3schools
  2. Red de desarrolladores de Mozilla
  3. Tutorialspoint

Pero te recomiendo que consultes el siguiente sitio web para ver la inspiración de diseño y css.

Codrops

Increíble,

Desafortunadamente, CSS no sirve de nada sin HTML, así que tendrás que aprender eso.

Ahora, asumiendo que ya sabes HTML:

  1. Hay una gran cantidad de recursos en W3Schools. Además, también puedes encontrar cosas en HTML y JavaScript. Creo que incluso podrían tener más recursos ahora.
  2. Siempre existe la opción de la Academia Khan. Aquí es donde comencé, y también puedes aprender SQL, HTML y Processing.js allí.
  3. Además, aunque utiliza mucho más para HTML, Codecademy es un gran recurso en línea de forma gratuita.
  4. Hay un 0% de probabilidad de que alguien aún no haya hecho un video de YouTube sobre CSS.

CSS no es tan difícil de aprender Probablemente hay un millón de recursos en línea para usted.

Su mejor y más fácil sitio de aprendizaje.

Tutoriales en línea de W3Schools en línea

Videos de Youtube…. forma fácil de aprender.

El recurso que utilizo es http://www.w3schools.com . Espero que esto te ayude también.