Skip to content

Disseny

Com posiciones els elements a la pantalla?

CSS Grid

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2019
2020
2021

Subgrid

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2020
2021

Flexbox

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2019
2020
2021

CSS Multi columna

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2019
2020
2021

Modes d'escriptura CSS

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2019
2020
2021
We asked members of the CSS community to share their “pick of the year”

My 2021 Pick: The CSS Paint API

The Paint API allows us to create images programmatically, to use in our CSS. It unlocks a whole world of creativity, and I am very excited about it!

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

George Francis

Developer, writer, and generative artist.

position: sticky

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2020
2021

Propietats lògiques

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2020
2021

aspect-ratio

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2020
2021
💡

El botó Exportar a la part superior de cada bloc et permet obtenir les dades en cru en format JSON per a qualsevol gràfic, o una consulta GraphQL que pots executar contra la nostra API pública.

content-visibility

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2020
2021

Gap property for flexbox

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2021

Break rules

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2021

Container Queries

Customize Data
No n'he sentit a parlar mai
Ho conec
Ho he usat
2021

Recursos recomanats

CSS Grid & Flexbox for Responsive Layouts, v2

CSS Grid & Flexbox for Responsive Layouts, v2

Learn the essential CSS layout techniques for building responsive, beautiful web applications. You'll get hands-on practice using CSS Grid for two-dimensional, grid-based layouts and Flexbox for styling one-directional flow.
Gràcies als nostres socis per donar-nos suport! Més informació.