Ugrás a tartalomhoz

Elrendezés

Hogyan pozícionálj elemeket a képernyőn?

CSS rácsok

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2019
2020
2021

Alrácsok

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2020
2021

Flexbox

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2019
2020
2021

CSS sokszoros oszlop (multi-column)

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2019
2020
2021

CSS írási módok

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2019
2020
2021
Megkérdeztük a CSS közösség tagjait az "idei kedvenceikről"

A 2021-es kedvencem: A CSS rajzoló API

A rajzoló API-val programozva készíthetünk képeket, amit a CSS-ben használhatunk. Ez egy egészen új világot nyit meg a kreativitásban, és én nagyon izgatott vagyok emiatt!

Megkérdeztük a CSS közösség tagjait az "idei kedvenceikről"

George Francis

Fejlesztő, író, alkotóművész.

position: sticky

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2020
2021

Logikai tulajdonságok

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2020
2021

aspect-ratio

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2020
2021
💡

The Data tab lets you view the raw data for any chart, view it as JSON, or get a GraphQL query you can run against our public API.

content-visibility

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2020
2021

A Flexbox rés tulajdonsága

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2021

Törési (break) szabályok

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2021

Konténerlekérdezések

Customize Data
Nem hallottam még róla
Tudok róla
Már használtam
2021

Recommended Resources

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.
Köszönet partnereink támogatásáért! Tudj meg többet.