CSS desde cero (2020)

Curso: CSS desde cero (2020)

básico
9 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

CSS desde cero (2020)

Toma este curso
CSS desde cero (2020)

Curso: CSS desde cero (2020)

básico
+9 horas
Sube a premium

Y accede a todos los cursos con un solo pago

CSS desde cero (2020)

CSS desde cero (2020)

Haz hermosa la web con el único lenguaje creado para diseño.

* Accede a este y a todos los cursos, talleres y especialidades

¿Sabías que se puede diseñar solo con código? ¿Sin programas de diseño como Photoshop o Illustrator? CSS es un lenguaje creado para diseñar la web, cuando ves una web hermosa, con animaciones y efectos, estos se crearon con CSS. Este curso te enseñará desde cero a escribir código CSS con buenas prácticas e iniciar tu carrera como diseñador web.

¿Qué aprenderás en este curso?

  • Fundamentos, sintaxis y buenas prácticas de CSS.
  • Selectores, pseudoclases, modelo de caja.
  • Manejo del texto y del color.

¿Qué conocimientos previos necesitas?

Avatar

Prof. Alvaro Felipe

@alvaroVer perfil

CEO de EDteam

Temario del curso

Introducción a CSS

Aprenderemos qué es CSS y escribiremos nuestras primeras líneas de código.

  • 1.1 - Introducción

  • 1.2 - Requisitos para el curso

  • 1.3 - Historia de CSS

  • 1.4 - Módulos CSS

  • 1.5 - Conectar HTML y CSS

  • 1.6 - Sintaxis de CSS

  • 1.7 - Variables CSS

Selectores

Con los selectores le decimos al navegador a qué elementos aplicar nuestros estilos.

  • 2.1 - Estilos del navegador

  • 2.2 - Selectores

  • 2.3 - Selectores simples: etiqueta

  • 2.4 - Selectores simples: clases

  • 2.5 - Selectores simples: Id

  • 2.6 - Selectores compuestos: agrupados

  • 2.7 - Selectores compuestos: combinados

  • 2.8 - Selectores compuestos: descendientes

  • 2.9 - Selectores con operadores + > ~ *

  • 2.10 - Selectores de atributos

  • 2.11 - Selector de atributos con comodines

Los pilares de CSS

Si comprendes estos tres conceptos nunca tendrás problemas con CSS.

  • 3.1 - ¿Cómo funciona CSS?

  • 3.2 - Especificidad

  • 3.3 - Cascada

  • 3.4 - Estilos computados

  • 3.5 - Herencia

Box model

El box model es la base para entender cómo se dibujan los elementos en la pantalla.

  • 4.1 - Elementos de línea y de bloque

  • 4.2 - Propiedad display

  • 4.3 - Margin

  • 4.4 - Padding

  • 4.5 - Bordes

  • 4.6 - Propiedad box-sizing

Bordes y sombras

Como usar bordes y sombras a las cajas.

  • 5.1 - border

  • 5.2 - Border radius

  • 5.3 - Outline

  • 5.4 - Box shadow

Pseudoclases

Aplica lógica avanzada a tus selecciones detectando estados de los elementos.

  • 6.1 - ¿Qué son las pseudoclases?

  • 6.2 - :hover :active :visited

  • 6.3 - :target :not :empty

  • 6.4 - :first-child :last-child :first-of-type :last-of-type

  • 6.5 - :nth-child :nth-of-type

Fondos

¿Cómo aplicar fondos a los elementos y cómo manipularlos?

  • 7.1 - background-color

  • 7.2 - background-size

  • 7.3 - background-position

  • 7.4 - background-clip y background-origin

  • 7.5 - background-attachment

  • 7.6 - Background multiples

  • 7.7 - Shorthand background

Color

Aprende los diferentes modos de color y cómo aplicarlos con CSS.

  • 8.1 - Currentcolor

  • 8.2 - Color keywords

  • 8.3 - Modo RGB

  • 8.4 - Notación Hexadecimal

  • 8.5 - Modo HSL

  • 8.6 - Degradados lineales

  • 8.7 - Degradados radiales

  • 8.8 - Degradados repetidos

  • 8.9 - Ejercicio Ying-Yang

Texto

Con CSS puedes darle estilos a tus textos como en un programa de diseño.

  • 9.1 - Conceptos básicos de tipografía

  • 9.2 - Unidades de medida em y rem

  • 9.3 - Estilos básicos de texto

  • 9.4 - Font Family

  • 9.5 - Sombras de texto

Avatar

Prof. Alvaro Felipe

@alvaroVer perfil

CEO de EDteam

Sigue aprendiendo con

Programación desde cero (gratis - edición 2020)

Programación desde cero (gratis - edición 2020)

Avatar

Alvaro Felipe

5

4.8

Inglés desde cero

Inglés desde cero

Avatar

David Salomón

5

4.8

Empieza a aprender CSS desde cero (2020)

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Por $ USD más obtén
una suscripción anual

Premium

Ahorra $180 USD
$360180USD

El mes te sale a $30 15 USD

Ahorra 50 %

Ahorra 50 %

Ahorra 50 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

unicorn-head-smile¿Tienes un EDycupón?
  • ¡Estudia 12 meses por el precio de 6!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+170 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • ¡Estudia 12 meses por el precio de 6!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+170 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$3220USD

$30 15 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

189 calificaciones de los estudiantes (4.9)

Cargando Calificaciones...

Sigue aprendiendo con

Programación desde cero (gratis - edición 2020)

Programación desde cero (gratis - edición 2020)

Avatar

Alvaro Felipe

5

4.8

Inglés desde cero

Inglés desde cero

Avatar

David Salomón

5

4.8