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

@alvarofelipeVer perfil

Autodidacta. Obsesionado con el emprendimiento y el desarrollo personal. Todo lo puedo en EDteam que me fortalece. EDy es mi pastor y con él nada me faltará.

Temario del curso

Introducción a CSS

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

  • Introducción

  • Requisitos para el curso

  • Historia de CSS

  • Módulos CSS

  • Conectar HTML y CSS

  • Sintaxis de CSS

  • Variables CSS

Selectores

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

  • Estilos del navegador

  • Selectores

  • Selectores simples: etiqueta

  • Selectores simples: clases

  • Selectores simples: Id

  • Selectores compuestos: agrupados

  • Selectores compuestos: combinados

  • Selectores compuestos: descendientes

  • Selectores con operadores + > ~ *

  • Selectores de atributos

  • Selector de atributos con comodines

Los pilares de CSS

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

  • ¿Cómo funciona CSS?

  • Especificidad

  • Cascada

  • Estilos computados

  • Herencia

Box model

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

  • Elementos de línea y de bloque

  • Propiedad display

  • Margin

  • Padding

  • Bordes

  • Propiedad box-sizing

Bordes y sombras

Como usar bordes y sombras a las cajas

  • border

  • Border radius

  • Outline

  • Box shadow

Pseudoclases

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

  • ¿Qué son las pseudoclases?

  • :hover :active :visited

  • :target :not :empty

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

  • :nth-child :nth-of-type

Fondos

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

  • background-color

  • background-size

  • background-position

  • background-clip y background-origin

  • background-attachment

  • Background multiples

  • Shorthand background

Color

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

  • Currentcolor

  • Color keywords

  • Modo RGB

  • Notación Hexadecimal

  • Modo HSL

  • Degradados lineales

  • Degradados radiales

  • Degradados repetidos

  • Ejercicio Ying-Yang

Texto

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

  • Conceptos básicos de tipografía

  • Unidades de medida em y rem

  • Estilos básicos de texto

  • Font Family

  • Sombras de texto

Avatar

Prof. Alvaro Felipe

@alvarofelipeVer perfil

Autodidacta. Obsesionado con el emprendimiento y el desarrollo personal. Todo lo puedo en EDteam que me fortalece. EDy es mi pastor y con él nada me faltará.

Sigue aprendiendo con

JavaScript desde cero (2020)

JavaScript desde cero (2020)

Avatar

Beto Quiroga

5

4.9

JavaScript en el navegador

JavaScript en el navegador

Avatar

Alvaro Felipe

5

4.8

Flexbox y Grid

Flexbox y Grid

Avatar

Alvaro Felipe

5

4.8

GIT desde cero 2020

GIT desde cero 2020

Avatar

Beto Quiroga

5

4.8

Variables CSS

Variables CSS

Avatar

Alvaro Felipe

5

4.9

Sass Desde Cero

Sass Desde Cero

Avatar

Alvaro Felipe

5

4.9

Responsive Web Design

Responsive Web Design

Avatar

Alvaro Felipe

5

4.8

Firebase para la web

Firebase para la web

Avatar

Juan Guillermo Gomez

5

4.3

CSS Avanzado

CSS Avanzado

Avatar

Alexis Mora Angulo

5

5.0

Animaciones con CSS

Animaciones con CSS

Avatar

Alvaro Felipe

5

5.0

Mi primera página web

Mi primera página web

Avatar

Beto Quiroga

5

4.8

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 Martínez

5

4.9

Empieza a aprender CSS desde cero (2020)

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

Mostrar precios en

Premium

$3020USD

En un solo pago anual de $360 240 USD

Gráfico de tabla

Alcanza tus metas con todos los cursos y funciones premium.

unicorn-head-smile¿Tienes un EDycupón?
  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+141 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

  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+141 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

$32USD

$360 240 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?

99 calificaciones de los estudiantes (4.9)

Cargando Calificaciones...

Sigue aprendiendo con

JavaScript desde cero (2020)

JavaScript desde cero (2020)

Avatar

Beto Quiroga

5

4.9

JavaScript en el navegador

JavaScript en el navegador

Avatar

Alvaro Felipe

5

4.8

Flexbox y Grid

Flexbox y Grid

Avatar

Alvaro Felipe

5

4.8

GIT desde cero 2020

GIT desde cero 2020

Avatar

Beto Quiroga

5

4.8

Variables CSS

Variables CSS

Avatar

Alvaro Felipe

5

4.9

Sass Desde Cero

Sass Desde Cero

Avatar

Alvaro Felipe

5

4.9

Responsive Web Design

Responsive Web Design

Avatar

Alvaro Felipe

5

4.8

Firebase para la web

Firebase para la web

Avatar

Juan Guillermo Gomez

5

4.3

CSS Avanzado

CSS Avanzado

Avatar

Alexis Mora Angulo

5

5.0

Animaciones con CSS

Animaciones con CSS

Avatar

Alvaro Felipe

5

5.0

Mi primera página web

Mi primera página web

Avatar

Beto Quiroga

5

4.8

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 Martínez

5

4.9