CSS кутуча моделин түшүнүү жана элементтердин кутуча катары кантип көрсөтүлөрүн түшүнүү. Бул бөлүм CSS жайгаштыруунун негизи катары кутуча модели түшүнүгүн тааныштырат.

Мазмундук аймак жана мазмундун өлчөмү макетке кандай таасир этери жөнүндө билип алыңыз. Бул бөлүм кутуча моделиндеги негизги мазмундук аймакты түшүндүрөт.

Padding касиеттери жана алардын элементтин өлчөмүнө тийгизген таасири менен таанышыңыз. Padding мазмундун айланасындагы чек аранын ичинде мейкиндикти кантип түзөрүн түшүнүңүз.

Чек ара касиеттерин түшүнүү жана чек аралар кутучанын өлчөмдөрүнө кандай таасир этерин түшүнүү. Чек аралар мазмунду жана толтурууну тышкы элементтерден визуалдык түрдө кантип бөлүп турарын үйрөнүңүз.

Чек ара касиеттери, чөгүп кеткен чек аралар жана элементтердин ортосундагы аралык жөнүндө билип алыңыз. Чек аралар чек аранын сыртында кантип орун түзөрүн түшүнүңүз.

Content-box менен border-boxтун айырмасын жана box-sizing элементтин өлчөмдөрүнө кандай таасир этерин түшүнүңүз. Макеттин тактыгы үчүн кутучанын өлчөмүн эсептөөнү башкарууну үйрөнүңүз.

Блок, саптык жана саптык-блок дисплей түрлөрүн жана алардын колдонуу учурларын изилдеңиз. Дисплей элементтин жайгашуусуна жана агымына кандай таасир этерин түшүнүңүз.

Статикалык жайгаштыруу, демейки жайгаштыруу схемасы жөнүндө билип алыңыз. Элементтер документтин агымында кандайча табигый түрдө жайгаштырылганын түшүнүңүз.

Тектеш жайгаштырууну түшүнүү жана башка элементтерге таасир этпестен, элементтерди алардын кадимки абалына салыштырмалуу кантип жылдырууну түшүнүү.

Абсолюттук жайгаштырууну жана элементтердин эң жакын жайгаштырылган ата-теги же көрүү портуна карата кантип жайгаштырылганын изилдеңиз.

Туруктуу жайгаштыруу жөнүндө билип алыңыз жана элементтер баракты жылдырганда да көрүү аймагына салыштырмалуу кандайча туруктуу бойдон калаарын билип алыңыз.

Жабышкак жайгаштырууну түшүнүү жана элементтердин жылдыруу абалына жараша салыштырмалуу жана туруктуу абалдар ортосунда кантип которулушун түшүнүү.

Ар кандай жайгаштыруу схемалары документтеги элементтердин агымына жана алардын өз ара аракеттенүүсүнө кандай таасир этерин изилдеңиз.

Орналаштырылган элементтерди өзүнүн камтылган блогунун ичинде так жылдыруу үчүн офсет касиеттерин кантип колдонуу керектигин үйрөнүңүз.

Топтолуу контекстин түшүнүү жана z-index кантип катмарлоону жана бири-бирин жаап турган элементтердин көрүнүшүн көзөмөлдөй турганын түшүнүү.

CSS жайгаштырууну колдонууда жалпы көйгөйлөр жана кыйынчылыктар жана алардан кантип качуу керектиги жөнүндө билип алыңыз.

Float касиетинин кантип иштээрин жана жайгаштыруу үчүн аны кантип колдонуу керектигин, анын ичинде калкып жүргөндөрдү тазалоону изилдеңиз.