![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 0 24 L 0 0 L 24 0 L 24 24 Z M 12 24 C 18.627 24 24 18.627 24 12 C 24 5.373 18.627 0 12 0 C 5.373 0 0 5.373 0 12 C 0 18.627 5.373 24 12 24 Z M 23.999 12 C 23.999 7.243 21.231 3.132 17.217 1.191 L 17.217 22.809 C 21.231 20.868 23.999 16.758 23.999 12 Z M 0 12 C 0 16.758 2.769 20.868 6.783 22.809 L 6.783 1.191 C 2.769 3.132 0 7.243 0 12 Z M 8.869 12 C 8.869 13.729 10.271 15.131 12 15.131 C 13.728 15.131 15.13 13.729 15.13 12 L 15.13 10.957 L 8.869 10.957 Z M 16.174 9.913 L 13.044 9.913 C 13.044 9.337 12.576 8.87 12 8.87 C 11.424 8.87 10.957 9.337 10.957 9.913 L 7.826 9.913 C 7.826 10.49 8.328 10.957 8.904 10.957 L 8.87 10.957 C 8.87 11.533 9.337 12 9.913 12 C 9.913 12.577 10.38 13.044 10.957 13.044 L 13.044 13.044 C 13.62 13.044 14.087 12.577 14.087 12 C 14.663 12 15.131 11.533 15.131 10.957 L 15.096 10.957 C 15.672 10.957 16.174 10.49 16.174 9.913 Z" fill="transparent" height="24.000099999999634px" id="i09AqrQCm" width="24px"><path d="M 0 24 L 0 0 L 24 0 L 24 24 Z" fill="transparent" height="24px" id="dbIf7GjlI" width="24px"/><path d="M 12 24 C 18.627 24 24 18.627 24 12 C 24 5.373 18.627 0 12 0 C 5.373 0 0 5.373 0 12 C 0 18.627 5.373 24 12 24 Z" fill="rgb(240, 240, 240)" height="23.99997793px" id="Nrk_J_dBF" transform="translate(0 0)" width="24px"/><path d="M 6.783 10.809 C 6.783 6.052 4.014 1.941 0 0 L 0 21.618 C 4.014 19.678 6.783 15.567 6.783 10.809 Z" fill="rgb(216, 0, 39)" height="21.61848px" id="G9bor0KPH" transform="translate(17.217 1.191)" width="6.782600000000002px"/><path d="M 0 10.809 C 0 15.567 2.769 19.678 6.783 21.619 L 6.783 0 C 2.769 1.941 0 6.052 0 10.809 Z" fill="rgb(109, 165, 68)" height="21.61858px" id="CdIZnpYcE" transform="translate(0 1.191)" width="6.78262px"/><path d="M 0 1.043 C 0 2.772 1.402 4.174 3.13 4.174 C 4.859 4.174 6.261 2.772 6.261 1.043 L 6.261 0 L 0 0 Z" fill="rgb(109, 165, 68)" height="4.1739px" id="ytH6SU1wX" transform="translate(8.869 10.957)" width="6.260860000000001px"/><path d="M 8.348 1.043 L 5.217 1.043 C 5.217 0.467 4.75 0 4.174 0 C 3.598 0 3.13 0.467 3.13 1.043 L 0 1.043 C 0 1.62 0.502 2.087 1.078 2.087 L 1.043 2.087 C 1.043 2.663 1.511 3.13 2.087 3.13 C 2.087 3.707 2.554 4.174 3.13 4.174 L 5.217 4.174 C 5.794 4.174 6.261 3.707 6.261 3.13 C 6.837 3.13 7.304 2.663 7.304 2.087 L 7.27 2.087 C 7.846 2.087 8.348 1.62 8.348 1.043 Z" fill="rgb(255, 152, 17)" height="4.17395px" id="YE3nOCprp" transform="translate(7.826 8.87)" width="8.347829999999998px"/></g><path d="M 0 11.5 C 0 5.149 5.149 0 11.5 0 C 17.851 0 23 5.149 23 11.5 C 23 17.851 17.851 23 11.5 23 C 5.149 23 0 17.851 0 11.5 Z" fill="transparent" height="23px" id="bs_pRN1WO" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(250, 250, 250)" transform="translate(0.5 0.5)" width="23px"/></svg>)
Cursos Gratis de CSS
Cursos Gratis de CSS es una colección de recursos educativos que ofrecen tutoriales y proyectos para aprender a diseñar y dar estilo a páginas web.
Para quién es:
Diseñado para desarrolladores, diseñadores web y cualquier persona interesada en aprender a estilizar páginas web utilizando CSS.
Por qué aprender:
Adquiere las habilidades fundamentales para dar estilo y crear diseños visualmente atractivos en páginas web, lo cual es esencial para el desarrollo front-end.
Programación y Desarrollo
Animaciones y Transiciones en CSS
Potencia tus interfaces web creando efectos 2D, 3D y componentes interactivos con CSS avanzado.
Programación y Desarrollo
Fundamentos de CSS para Maquetación Web
Construye sitios web visualmente atractivos dominando selectores, cascada y propiedades esenciales de maquetación CSS.
Programación y Desarrollo
CSS Grid y Responsive Design
Construye layouts avanzados con CSS Grid y diseña interfaces adaptables mediante estrategias de diseño responsive.
Preguntas Frecuentes
Christian Patiño, CEO de Coderhouse
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 336 40" xmlns="http://www.w3.org/2000/svg"><path d="M 20.036 0 C 30.522 0 38.557 7.461 39.88 17.181 L 28.148 17.181 C 27.04 13.733 23.925 11.404 20.036 11.404 C 15.097 11.404 11.433 15.076 11.433 20.028 C 11.433 24.979 15.097 28.651 20.036 28.651 C 23.947 28.651 27.074 26.297 28.165 22.817 L 39.886 22.817 C 38.582 32.516 30.538 40 20.036 40 C 8.492 40 0 31.043 0 20.028 C 0 8.957 8.492 0 20.036 0 Z M 61.204 0 C 72.693 0 81.24 8.957 81.24 20.028 C 81.24 31.043 72.693 40 61.204 40 C 49.659 40 41.167 31.043 41.167 20.028 C 41.167 8.957 49.659 0 61.204 0 Z M 61.204 28.651 C 66.088 28.651 69.751 24.979 69.751 20.028 C 69.751 15.076 66.088 11.405 61.204 11.405 C 56.264 11.405 52.601 15.076 52.601 20.028 C 52.601 24.979 56.264 28.651 61.204 28.651 Z M 98.783 0.723 C 110.327 0.723 118.486 8.957 118.486 20.028 C 118.486 30.876 110.161 39.277 98.616 39.277 L 82.521 39.277 L 82.521 0.723 Z M 98.616 28.261 C 103.723 28.261 107.053 24.979 107.053 20.028 C 107.053 15.076 103.723 11.794 98.616 11.794 L 93.899 11.794 L 93.899 28.261 Z M 145.336 11.905 L 130.905 11.905 L 130.905 15.577 L 145.336 15.577 L 145.336 24.534 L 130.905 24.534 L 130.905 27.983 L 145.336 27.983 L 145.336 39.277 L 119.527 39.277 L 119.527 0.723 L 145.336 0.723 Z M 169.615 23.977 L 177.271 39.277 L 163.118 39.277 L 160.05 25.035 L 158.234 25.035 L 158.234 39.277 L 146.856 39.277 L 146.856 0.723 L 162.619 0.723 C 169.834 0.723 175.717 5.786 175.717 13.185 C 175.717 17.858 172.723 22.086 169.615 23.977 Z M 161.453 17.024 C 163.229 17.024 164.339 16.022 164.339 14.298 C 164.339 12.629 163.229 11.516 161.453 11.516 L 158.234 11.516 L 158.234 17.024 Z M 199.477 0.723 L 210.855 0.723 L 210.855 39.277 L 199.477 39.277 L 199.477 24.701 L 189.93 24.701 L 189.93 39.277 L 178.552 39.277 L 178.552 0.723 L 189.93 0.723 L 189.93 14.576 L 199.477 14.576 Z M 240 38.49 C 237.622 39.463 234.985 40 232.172 40 C 229.345 40 226.701 39.463 224.32 38.49 Z M 246.166 34.472 C 245.571 35.046 244.938 35.583 244.271 36.079 L 220.048 36.079 C 219.382 35.583 218.75 35.046 218.155 34.472 Z M 249.358 30.454 C 249.026 31.008 248.668 31.544 248.284 32.061 L 216.043 32.061 C 215.66 31.544 215.302 31.008 214.971 30.454 Z M 226.269 26.436 C 227.011 27.119 227.883 27.664 228.854 28.043 L 213.747 28.043 C 213.525 27.519 213.322 26.983 213.144 26.436 Z M 251.194 26.436 C 251.015 26.983 250.811 27.519 250.588 28.043 L 235.458 28.043 C 236.422 27.664 237.288 27.119 238.027 26.436 Z M 223.872 22.418 C 224.02 22.983 224.221 23.52 224.47 24.025 L 212.519 24.025 C 212.416 23.497 212.333 22.961 212.271 22.418 Z M 252.071 22.418 C 252.009 22.961 251.926 23.497 251.823 24.025 L 239.819 24.025 C 240.067 23.52 240.268 22.983 240.416 22.418 Z M 232.172 0 C 243.653 0 252.197 8.946 252.208 20.008 L 240.718 20.008 C 240.709 15.066 237.049 11.404 232.172 11.404 C 227.239 11.404 223.579 15.066 223.569 20.008 L 212.135 20.008 C 212.146 8.946 220.634 0 232.172 0 Z M 269.64 0.362 L 281.184 0.362 L 281.184 26.064 C 281.184 33.574 276.133 39.638 267.308 39.638 C 258.539 39.638 253.489 33.574 253.489 26.064 L 253.489 0.362 L 265.033 0.362 L 265.033 25.229 C 265.033 26.676 265.699 27.955 267.308 27.955 C 268.974 27.955 269.64 26.676 269.64 25.229 Z M 302.594 16.94 C 305.925 18.609 309.199 21.836 309.199 26.843 C 309.199 34.353 303.76 39.973 295.601 39.973 C 287.498 39.973 282.225 34.131 282.225 26.843 L 282.225 25.563 L 292.438 25.563 L 292.438 26.286 C 292.438 28.234 293.437 29.847 295.379 29.847 C 296.933 29.847 297.932 28.901 297.932 27.51 C 297.932 26.453 297.377 25.73 296.434 25.229 L 289.052 21.502 C 285.666 19.833 282.669 15.939 282.669 11.321 C 282.669 4.979 287.775 0.028 295.712 0.028 C 303.76 0.028 308.533 5.146 308.533 11.099 L 308.533 12.601 L 299.042 12.601 L 299.042 12.156 C 299.042 10.654 297.932 9.152 296.045 9.152 C 294.491 9.152 293.659 10.042 293.659 11.21 C 293.659 12.489 294.547 12.935 295.324 13.268 Z M 321.618 11.905 L 336.049 11.905 L 336.049 0.723 L 310.24 0.723 L 310.24 39.277 L 336.049 39.277 L 336.049 27.983 L 321.618 27.983 L 321.618 24.534 L 336.049 24.534 L 336.049 15.577 L 321.618 15.577 Z" fill="rgb(23, 23, 23)" height="40.000002667931795px" id="sLX_26zbq" transform="translate(-0.407 0.059)" width="336.0489385567188px"/></svg>)