Layout

Como se posicionam os elementos no ecrã?

Grid
Completion percentage: 94.9% (10906)
Completion percentage: 94.9% (10906)

Export
Percents%
CountΣ

2019

2020

Já usei
Conheço
Nunca ouvi falar

Subgrid
Completion percentage: 94.5% (10859)
Completion percentage: 94.5% (10859)

Export
Percents%
CountΣ

2020

Já usei
Conheço
Nunca ouvi falar

Flexbox
Completion percentage: 94.6% (10871)
Completion percentage: 94.6% (10871)

Export
Percents%
CountΣ

2019

2020

Já usei
Conheço
Nunca ouvi falar

Multi-Column Layout
Completion percentage: 94.3% (10837)
Completion percentage: 94.3% (10837)

Export
Percents%
CountΣ

2019

2020

Já usei
Conheço
Nunca ouvi falar

Writing Modes
Completion percentage: 94.5% (10855)
Completion percentage: 94.5% (10855)

Export
Percents%
CountΣ

2019

2020

Já usei
Conheço
Nunca ouvi falar
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: Container Queries

Container queries are a long-time awaited feature for us, and I’m thrilled that the Chrome team is working on support for it natively!

We asked members of the CSS community to share their “pick of the year”

Ahmad Shadeed

Author of debuggingcss.com

Exclusions
Completion percentage: 94.2% (10830)
Completion percentage: 94.2% (10830)

Export
Percents%
CountΣ

2019

2020

Já usei
Conheço
Nunca ouvi falar

CSS position:sticky
Completion percentage: 94.4% (10853)
Completion percentage: 94.4% (10853)

Export
Percents%
CountΣ

2020

Já usei
Conheço
Nunca ouvi falar

CSS Logical Properties
Completion percentage: 94.3% (10837)
Completion percentage: 94.3% (10837)

Export
Percents%
CountΣ

2020

Já usei
Conheço
Nunca ouvi falar

CSS property: aspect-ratio
Completion percentage: 94.5% (10855)
Completion percentage: 94.5% (10855)

Export
Percents%
CountΣ

2020

Já usei
Conheço
Nunca ouvi falar

CSS content-visibility
Completion percentage: 94.5% (10865)
Completion percentage: 94.5% (10865)

Export
Percents%
CountΣ

2020

Já usei
Conheço
Nunca ouvi falar

Recommended Resources

CSS Grids and Flexbox for Responsive Web Design

Starting with a review of floats for context, but quickly moving into Flexbox and CSS grids, this essential course is for web developers that want to build responsive, beautiful web applications faster using less code and best practices.
Thanks to our partners for supporting us! Learn more.
« Previous: FeaturesNext: Formas e Gráficos »
Charts built with Nivo. Hosted by Netlify.
Questões? Encontrou um erro? Deixe uma sugestão. Join us on Discord.
Press option/alt to enable translator mode.