Junior
Кои CSS оформления знаеш?
sobes.tech AI
Отговор от AI
- Flexbox: Едноосна система за подравняване на елементи в контейнер по една ос (хоризонтална или вертикална). Отлично подходяща за малки компоненти и за подравняване на елементи вътре в блок.
- Grid Layout: Двухосна система за създаване на сложни мрежи на страницата. Позволява лесно управление на разположението на елементите както по редове, така и по колони. Идеална за основния макет на страницата.
- Block Layout: Стандартно поведение на блоковите елементи по подразбиране. Елементите заемат цялата налична ширина и се разполагат един под друг.
- Inline Layout: Елементите се разполагат в една линия, заемайки ширина, равна на съдържанието им.
- Positioned Layout: Позволява позициониране на елементите спрямо тяхното нормално положение, родителския елемент или прозореца за преглед с помощта на
position(static, relative, absolute, fixed, sticky) и свойстватаtop,right,bottom,left. - Table Layout: Възпроизвежда поведението на таблицени елементи (
display: table,display: table-cellи др.). Използва се по-рядко от Grid или Flexbox, за създаване на таблици. - Multi-column Layout: Позволява разбиване на съдържанието на контейнера на няколко колони, както в вестник. Контролира се със свойствата
column-countиcolumn-width.