Sobes.tech
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.