Salt la conținut

Layout

Cum poziționezi elementele pe ecran?

CSS Grid

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2019
2020
2021

Subgrid

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2020
2021

Flexbox

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2019
2020
2021

CSS Multi-Column

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2019
2020
2021

CSS Writing Modes

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2019
2020
2021
Am rugat membrii comunității CSS să ne spună care este „alegerea anului” din perspectiva lor

Alegerea mea în 2021: API-ul CSS Paint

API-ul Paint ne permite să creăm imagini în mod programatic, pe care le putem utiliza în CSS-ul nostru. Dezvăluie o întreagă lume a creativității, iar eu sunt foarte încântat de asta!

Am rugat membrii comunității CSS să ne spună care este „alegerea anului” din perspectiva lor

George Francis

Developer, scriitor și artist generativ.

position: sticky

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2020
2021

Logical Properties

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2020
2021

aspect-ratio

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2020
2021
💡

Butonul Exportă din partea de sus a fiecărui bloc îți oferă posibilitatea de a obține datele în format raw JSON pentru fiecare grafic sau un query GraphQL pe care îl poți executa în API-ul nostru public.

content-visibility

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2020
2021

Proprietatea gap pentru flexbox

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2021

Break rules

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2021

Container Queries

Personalizează datele
N-am auzit niciodată despre asta
Știu ce este
Am folosit
2021

Resurse recomandate

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.
Mulțumim partenerilor noștri pentru susținere! Află mai multe.