Cascading Style Sheets (CSS) es un lenguaje de hojas de estilo que permite controlar la apariencia de las páginas web. Este programa muestra los conceptos que forman la base de CSS, explicando lo que necesitas saber para ajustar el CSS existente y escribir el tuyo propio Se explica cómo añadir colores y otros elementos de diseño para llevar sus páginas web más allá del texto negro sobre un fondo blanco. Muestra cómo utilizar los selectores, cómo el modelo de caja define el espaciado y el tamaño de los elementos de la página, y cómo dar estilo al texto y gestionar los diseños básicos con Flexbox y Grid. También cubre el trabajo con selectores avanzados, la creación de diseños fluidos, y la determinación de cuándo utilizar las propiedades de flotación y posición. Además, al final del curso, te irás con un proyecto real.

Tiempo Total en Video

Producido por

PRIVATE

4 hours, 38 minutes

En este programa aprenderás:

  • ✓ Escribir selectores básicos.
  • ✓ Establecimiento de propiedades.
  • ✓ Cascada y herencia.
  • ✓ Establecer una familia de fuentes, el tamaño de la fuente, el color del texto, etc.
  • ✓ Trabajar con el modelo de caja.
  • ✓ Aprovechamiento de Grid y Flexbox.
  • ✓ Uso de las propiedades float y position.
  • ✓ Trabajar con selectores avanzados.
  • ✓ Creación de diseños fluidos.

Contenido de el curso

    • Plantilla de HTML 00:04:12
    • Introducción a CSS 00:03:00
    • Línea – Interno – Externo 00:02:45
    • Ejemplos – Línea, Interno, Externo 00:02:00
    • Creando un Archivo CSS 00:01:43
    • Autoevaluación 1 – Primeros Pasos 00:10:00
    • Sintaxis y Selectores 00:03:44
    • Sintaxis 00:01:00
    • Selectores 00:03:00
    • Selectores Avanzados 00:02:00
    • Selectores de Atributos 00:03:00
    • Comentarios 00:02:00
    • Colores en CSS 00:01:31
    • Valores de Color 00:02:00
    • Pseudo-Clases 00:03:21
    • Pseudo-Clases 00:03:00
    • Pseudo-elementos 00:05:00
    • Enlaces 00:03:00
    • Sala de Entrenamiento 00:03:16
    • Cascada, Herencia y Especificidad 00:03:10
    • La Regla !important 00:03:00
    • Unidades 00:03:00
    • Funciones Matemáticas 00:03:00
    • Autoevaluación 2 – Conceptos Esenciales 00:10:00
    • Familia de fuentes 00:03:21
    • Fuentes de Web 00:03:21
    • Font-Size 00:02:50
    • Sala de Entrenamiento #2 00:03:07
    • Font-Style y Font-Weight 00:01:10
    • Fuentes 00:06:00
    • Propiedades de Texto 00:02:39
    • Texto 00:06:00
    • Autoevaluación 3 – Tipografía 00:10:00
    • Elementos en Bloque en Línea 00:02:52
    • Modelo Caja 00:03:54
    • Alineación horizontal y vertical 00:05:00
    • Maquetación 00:03:24
    • Espaciado y Relleno 00:04:54
    • Floats 00:03:47
    • Posición 00:05:00
    • Fondos 00:05:00
    • Practicando con Imágenes 00:03:15
    • Galería de Imágenes 00:01:00
    • Corrección de Cuadros 00:02:37
    • Contornos 00:05:00
    • Columnas 00:04:35
    • La propiedad del índice z 00:03:00
    • Autoevaluación 4 – Diseño de Elementos de Página I 00:10:00
    • Iconos 00:03:00
    • Listas 00:05:00
    • Tablas 00:05:00
    • Opacidad 00:05:00
    • Barra de Navegación 00:06:00
    • Menú desplegable básico 00:03:00
    • Formularios 00:05:00
    • Contadores 00:03:00
    • Autoevaluación 5 – Diseño de Elementos de Página II 00:10:00
    • Flexbox 00:10:00
    • Grid 00:10:00
    • Responsive 00:20:00
    • Autoevaluación 6 – Flexbox, Grid y Responsive 00:10:00