✦ Ruta Oficial AppCloud👥 145.000 desarrolladores
CSS 3
This is a quick reference cheat sheet for CSS goodness, listing selector syntax, properties, units and other useful bits of information.
Getting Started
13 ejemplos#Introduction
#Add class
#!important
#Selector
#Text color
#Background
#Font
#Position
#Animation
#Comment
#Flex layout
#Grid layout
#Variable & Counter
CSS Selectors
8 ejemplos#Examples
#Basic
#Combinators
#Attribute selectors
#User action pseudo classes
#Pseudo classes
#Input pseudo classes
#Structural pseudo classes
CSS Fonts
5 ejemplos#Properties
#Shorthand
#Example
#Case
#@font-face
CSS Colors
5 ejemplos#Named color
#Hexadecimal color
#rgb() Colors
#HSL Colors
#Other
CSS Backgrounds
3 ejemplos#Properties
#Shorthand
#Examples
CSS The Box Model
6 ejemplos#Maximums/Minimums
#Margin / Padding
#Box-sizing
#Visibility
#Auto keyword
#Overflow
CSS Animation
4 ejemplos#Shorthand
#Properties
#Example
#Javascript Event
CSS Flexbox
3 ejemplos#Simple example
#Container
#Child
CSS Flexbox Tricks
7 ejemplos#Vertical center
#Vertical center (2)
#Reordering
#Mobile layout
#Table-like
#Vertical
#Left and right
CSS Grid Layout
14 ejemplos#Grid Template Columns
#fr Relative Unit
#Grid Gap
#CSS Block Level Grid
#CSS grid-row
#CSS Inline Level Grid
#minmax() Function
#grid-row-start & grid-row-end
#CSS grid-row-gap
#CSS grid-area
#Justify Items
#CSS grid-template-areas
#Justify Self
#Align Items
CSS Dynamic Content
3 ejemplos#Variable
#Counter
#Using counters
Css 3 tricks
1 ejemplo#Scrollbar smooth
Modern CSS
13 ejemplos#container queries(size)
#container qeries(style)
#container units
#the :has() pseudo selector
#nesting
#scoping
#cascade layers
#logical properties
#p3 colors
#color mixing
#margin trim
#text wrapping
#subgrid
¿Listo para practicar con ?
Aplica esta sintaxis resolviendo desafíos interactivos con consola en vivo en nuestros 6 módulos de aprendizaje.