Layout
Narzędzia układów są jednym z obszarów, w których w ostatnich latach nastąpiły największe zmiany. Pierwszy Flexbox pojawił się na scenie, a następnie CSS Grid wyłonił się jako najbardziej wielowartościowy i ekspresyjny sposób obsługi układów CSS.
Opanowanie może zająć trochę więcej czasu, co wyjaśnia, dlaczego wielu użytkowników w rzeczywistości z niego nie korzystało, ale z pewnością wart jest wysiłku!
Przegląd użycia
Rozmiar zewnętrznego okręgu okręgu odpowiada całkowitej liczbie użytkowników, którzy wiedzą o danej funkcji, podczas gdy wewnętrzna reprezentuje tych, którzy faktycznie z niej korzystali.
Najedź kursorem na każdy węzeł, aby wyświetlić szczegółowe dane wraz z nakładką reprezentującą całkowitą liczbę respondentów ankiety.
Wykorzystanie według lat doświadczenia
Kolumna „ogólna” pokazuje całkowite wykorzystanie dla każdej funkcji (respondenci, którzy wybrali „użyłem tego”), podczas gdy poniższe kolumny pokazują współczynnik wykorzystania dla każdego przedziału „lat doświadczenia”.
Jaśniejsze różowe tło wskazuje stosunek wyższy niż średnia dla danego nawiasu.
Grid
CSS Grid Layout excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.
Dowiedz się więcej
Flexbox
CSS Flexible Box Layout is a module of CSS that defines a CSS box model optimized for user interface design, and the layout of items in one dimension. In the flex layout model, the children of a flex container can be laid out in any direction, and can “flex” their sizes, either growing to fill unused space or shrinking to avoid overflowing the parent. Both horizontal and vertical alignment of the children can be easily manipulated.
Dowiedz się więcej
Multi-Column Layout
CSS Multi-column Layout is a module of CSS that adds support for multi-column layouts. Support is included for establishing the number of columns in a layout, as well as how content should flow from column to column, gap sizes between columns, and column dividing lines (known as column rules) along with their appearance.
Dowiedz się więcej
Writing Modes
CSS Writing Modes is a CSS module that defines various international writing modes, such as left-to-right (e.g. used by Latin and Indic scripts), right-to-left (e.g. used by Hebrew or Arabic scripts), bidirectional (used when mixing left-to-right and right-to-left scripts) and vertical (e.g. used by some Asian scripts).
Dowiedz się więcej
Exclusions
Element wykluczający jest elementem blokowym, który nie jest elementem pływającym i generuje pole wykluczenia. Element wykluczający ustanawia nowy kontekst formatowania bloków (przez Chen Hui Jing).