notifications Notificaciones

Marcar todas como leídas

Ver más

Suscríbete al plan premium y obtén acceso a éste y todos nuestros cursos.

Ir a la suscripción
Iconos cursos gratuitos cf0017

Curso de CSS Básico a Avanzado

Vídeos en el curso

81

Duración total

6h 44m

Temario

Introducción

Introducción

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 38s

Cómo beneficiarse del curso

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 43s

Introducción a CSS

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 27s

Buenas prácticas

Normalizar estilos

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 32s

Compatibilizar Navegadores

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 31s

Desarrollo Ordenado

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 34s

Selectores

Selectores de Etiqueta

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 46s

Selectores Class, ID

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 8m 3s

Selectores de Atributo

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 10m 27s

Selectores Adyacente

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 50s

Selectores Hijos

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 5s

Selectores Hermanos

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 41s

Colisión de Estilos

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 10m 10s

Unidades de medida

Medidas Relativas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 14m 26s

Medidas Absolutas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 8m 0s

Medidas en Porcentajes

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 59s

Colores

Palabras Clave

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 3s

RGB Decimal

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 19s

RGB Porcentual

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 51s

RGB Hexadecimal

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 23s

HSL

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 19s

RGBA y HSLA

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 35s

Bordes

Bordes, básico

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 41s

Border radius

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 10s

Border image

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 27s

Fondos

Background Origin

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 56s

Múltiples imágenes

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 39s

Degradados lineales

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 8s

Degradados circulares

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 54s

Sombras

Efecto brillo

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 32s

Sombreado interno

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 43s

Efecto 3D

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 28s

Texto

Font Face

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 36s

Fuentes externas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 24s

Tamaño (em y rem)

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 47s

Grosor de fuente

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 36s

Estilo de fuente

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 1m 23s

Alineación de texto

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 1m 30s

Altura de línea

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 12s

Subrayado de Texto

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 41s

Transformaciones de Texto

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 49s

Identación de Texto

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 1m 28s

Espacio entre letras y entre palabras

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 0s

Pseudoelementos y pseudoclases

Before y After

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 58s

Firstletter

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 1m 57s

Firstline

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 22s

Pseudoclase de enlace

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 28s

Pseudoclase de enlace (limitado)

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 1s

Pseudoclase dinámicas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 8m 24s

Pseudoclase combinadas en enlaces

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 57s

Otras pseudoclases

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 10m 32s

Modelo de caja y posicionamiento

Componentes de un elemento

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 13s

Dimensiones de un elemento

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 11s

Padding

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 39s

Margin

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 6m 58s

Display

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 8m 53s

Coordenadas

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 50s

Position Static

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 11s

Position Relative

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 3s

Position Absolute

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 10s

Position Fixed

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 49s

Float y Clear

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 25s

z-index

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 53s

Overflow

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 20s

Visibility

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 44s

Opacity

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 3m 49s

Transformaciones y Animaciones

Estructura transformaciones

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 15s

Rotate

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 1m 41s

Skew

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 39s

Scale

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 23s

Translate

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 1m 31s

Transiciones

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 49s

Animación - Valores de animaciones

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 44s

Keyframes

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 7m 22s

Responsive Design y Propiedades Avanzadas

Mobile First

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 2m 43s

Responsive Design

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 9m 15s

Variables

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 26s

Grid

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 5m 52s

Calc

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 4m 4s

Filtro de imágenes

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 8m 7s

Flexbox

Clock grey 946fdd16a5e03167cf2684dd0e2d34aaa1277b59557f5272c118397cc9ba1484 8m 54s