La Web (Arquitectura, APIs, JSON, Endpoints, Hosting)

HTML, CSS y JavaScript

Flexbox - Parte 1 (Intro)Flexbox - Parte 2 (Posicionamiento)Grid - Parte 1 Grid - Parte 2 Grid - Parte 3

Transition y Animation

Qué es CSS y Selectores Box Model Position (Static, Relative, Absolute, Fixed, Sticky)Colores, Fuentes y Herencia Unidades de medida (px, vw, vh, em, rem, y otras)La Cascada y la Especificidad Pseudoclases Pseudoelementos Diseño Responsive y Media Queries Variables CSS Performance en CSS La metodología BEM El prefijo webkit Gradientes o degradados Propiedad Box-Shadow Propiedad Overflow (desbordamiento)Propiedad Z-Index Propiedades de control de texto

Conexión entre HTML, CSS y JS (Defer y Load)Diferencia entre comillas dobles y simples Live Server

Frameworks y Librerías

Backend (PHP, Bases de Datos, Node.js)

Inteligencia Artificial

HTML, CSS y JavaScript CSS

Flexbox y Grid

Flexbox y Grid

Esta sección reúne 5 apuntes sobre flexbox y grid. Podés navegar desde la barra lateral izquierda o usar los links de abajo.

Apuntes

Flexbox - Parte 1 (Intro)
Flexbox - Parte 2 (Posicionamiento)
Grid - Parte 1
Grid - Parte 2
Grid - Parte 3

CSS

Previous Page

Flexbox - Parte 1 (Intro)

Flex es un posible valor en la propidad display. (display: flex). Sirve para posicionar a los elementos de forma mucho más sencilla y coherente.

On this page

Flexbox y Grid Apuntes