CSS Desde Cero (2018)

Curso: CSS Desde Cero (2018)

intermedio
12 horas

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

Sube a premium

CSS Desde Cero (2018)

Toma este curso
CSS Desde Cero (2018)

Curso: CSS Desde Cero (2018)

intermedio
+12 horas
Sube a premium

Y accede a todos los cursos con un solo pago

Comienza a estudiar ahora totalmente gratis

1.1. Introducción
CSS Desde Cero (2018)

CSS Desde Cero (2018)

Crea tus propios diseños y plantillas web con CSS, el lenguaje que convierte la web en arte.

Nivel: intermedio
Fecha de lanzamiento: 04 de mar.
Duración: +12 horas
(Ver temario)
Calificación: 4.9
(Ver 1244 opiniones)

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

CSS es el lenguaje que hace a la web hermosa. Sin CSS los sitios web y aplicaciones móviles se verían feos y aburridos. Con este curso aprenderás a diseñar para la web usando código CSS, entenderás como funciona el responsive web design y serás capaz de crear tus propios templates y dejar de descargarlos de internet. Además hemos actualizado el curso para incluir módulos nuevos de CSS (como variables, grid, etc).

¿Qué aprenderás en este curso?

  • Comprender cómo funciona CSS.
  • Comprender el posicionamiento y modelo de caja.
  • Manejar el color, los fondos y textos
  • Utilizar buenas prácticas y variables CSS

¿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

  • 1.1. Introducción

  • 1.2 - Historia

  • 1.3 - Modulos CSS

  • 1.4 - Conectar HTML y CSS

  • 1.5 - Sintaxis de CSS

  • 1.6 - Variables CSS

Selectores

  • 2.1 Selectores level 1,2,3,4

  • 2.2 - Selectores de Etiqueta

  • 2.3 - Estilos del navegador

  • 2.4 - Selectores de clases

  • 2.5 - Selectores de ID

  • 2.6 - Selector universal

  • 2.7 - Selectores case sensitive y case insensitive

  • 2.8 - Selectores agrupados

  • 2.9 - Selectores descendientes

  • 2.10 - Selector hijo directo

  • 2.11 - Selector hermano siguiente

  • 2.12 - Selector hermanos siguientes

  • 2.13 - Selector de atributo

  • 2.14 - Selector de atributo comienza con

  • 2.15 - Selector de atributo termina con

  • 2.16 - Selector de atributo que contiene

Especificidad, herencia y cascada

  • 3.1 - Introducción y arquitectura

  • 3.2 - Especificidad

  • 3.3 - Cascada

  • 3.4 - Estilos computados por el navegador

  • 3.5 - Herencia

  • 3.6 - Initial inherit

Box Model

  • 4.1 - Layout

  • 4.2 - Elementos inline y de bloque

  • 4.3 - Box model

  • 4.4 - Margin

  • 4.5 - Colapsado de margenes verticales

  • 4.6 - Padding

  • 4.7 - Dimensiones

Bordes y sombras

  • 5.1 - Bordes

  • 5.2 - Propiedades de border

  • 5.3 - Shorthand de border

  • 5.4 - Border radius

  • 5.5 - Practica con border radius

  • 5.6 - Outline

  • 5.7 - Box shadow

Fondos

  • 6.1 - Background color

  • 6.2 - Background image y background repeat

  • 6.3 - Background clip y background origin

  • 6.4 - Background size

  • 6.5 - Background position

  • 6.6 - Background attachment

  • 6.7 - Background multiples

  • 6.8 - Shorthand background

Texto I

  • 7.1 - Unidades em y rem

  • 7.2 - Direction y text indent

  • 7.3 - Text align

  • 7.4 - Line height

  • 7.5 - Vertical align

  • 7.6 - Letter spacing y word spacing

  • 7.7 - Text decoration

  • 7.8 - Text shadow

  • 7.9 - White space y desbordamiento

  • 7.10 - Texto vertical y text rendering

  • 7.11 - Text transform

Textos II

  • 8.1 - Font family

  • 8.2 - Font size

  • 8.3 - Font weight y font style

  • 8.4 - Tip: combinación de fuentes tipográficas

  • 8.5 - Shorthand font y proveedores de fuentes

Pseudoclases

  • 9. Pseudoclases

Pseudoelementos

  • 10.1 - Introducción a pseudoelementos

  • 10.2 - First line

  • 10.3 - First letter

  • 10.4 - Before y after

  • 10.5 - Before y after e imprimir atributos

  • 10.6 - Before y after e imprimir imagenes

  • 10.7 - Quotes

  • 10.8 -Ejercicio: formatear moneda

  • 10.9 -Ejercicio: subrayado animado

  • 10.10 - Ejercicio: aspect radio

  • 10.11 - Ejercicio: dibujar corazón

Listas y contadores

  • 11.1 - Estructura de las listas

  • 11.2 - list-style-type

  • 11.3 - list-style-image

  • 11.4 - list-style-position

  • 11.5 - Contador

  • 11.6 - Contador en listas anidadas

  • 11.7 - Ejemplo de contadores

Color

  • 12.1 - Conceptos base de color

  • 12.2 - Color keywords

  • 12.3 - Modo de color RGB

  • 12.4 - Modo de color HSL

  • 12.5 - Degradados lineales

  • 12.6 - Stops

  • 12.7 - Ángulos y degradados lineales repetitivos

  • 12.8 - Degradado radial

  • 12.9 - Keywords y degradado radial repetitivo

  • 12.10 - Ejercicio con degradados

Position 1

  • 13.1 - Espacio reservado y flujo

  • 13.2 - Propiedad offset

  • 13.3 - Position relative

  • 13.4 - Position absolute

  • 13.5 - Ejercicio menú desplegable

  • 13.6 - Ejercicio cart

Position Avanzado

Position Avanzado

  • 14.1 - Temas básicos de position

  • 14.2 - Position fixed

  • 14.3 - Position sticky

  • 14.4 - Z index

  • 14.5 - Z index II

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 (gratis)

JavaScript Desde Cero (gratis)

Avatar

Alvaro Felipe

5

4.8

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.8

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

Empieza a aprender CSS Desde Cero (2018)

¿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 (+150 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 (+150 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

¡Gratis!

$360 240 USD

Gráfico de tabla

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

  • Acceso a este y al resto de cursos gratuitos

  • Aprende desarrollo web gratis

  • Aprende a programar gratis

  • Red social educativa

  • Guarda tus apuntes de clases

  • Guarda el avance de tus estudios

  • Acceso a este y al resto de cursos gratuitos

  • Aprende desarrollo web gratis

  • Aprende a programar gratis

  • Ver todas las características

1244 calificaciones de los estudiantes (4.9)

Cargando Calificaciones...

Ver más opiniones

Sigue aprendiendo con

JavaScript Desde Cero (gratis)

JavaScript Desde Cero (gratis)

Avatar

Alvaro Felipe

5

4.8

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.8

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