Қалыпты ағын - элементтер көп жағдайда веб-бетте көрсетілетін жол. HTML-дағы барлық элементтер кірістірілген жолақтар немесе блоктық жәшіктер болып табылатын ішкі жәшіктер болып табылады.
Блок қораптарын төсеу
Қалыпты ағындарда, блоктық қорапшалар бірінен кейін бір бетте ( HTML- да жазылған тәртіпте) орналастырылады. Олар жоғарыдан төменге дейінгі қораптың үстіңгі сол жағынан басталады. Әр қораптың арасындағы қашықтық бір-біріне түсіп, үстіңгі және төменгі жиектері бар шеттермен анықталады.
Мысалы, келесі HTML болуы мүмкін:
Бұл бірінші div. Оның айналасында 5px маржаны бар 200 пиксель кең.
Бұл кеңірек бөлім.
Бұл екіншіден гөрі кеңірек.
Әрбір DIV - блоктық элемент, сондықтан ол алдыңғы блоктың элементінің астына орналастырылады. Әрбір сол сырт жағы бар блоктың сол жақ шетіне тиетін болады.
Ішкі қораптарды салу
Кірістірілген жәшіктер беттегі көлденеңінен орналастырылады, екіншісі контейнер элементінің жоғарғы жағында басталады. Кірістіру жолағының барлық элементтерін бір жолда орналастыру үшін орын жеткіліксіз болған кезде, олар келесі жолға орап, тік жақтан жиналады.
Мысалы, келесі HTML:
Бұл мәтін батыл және бұл мәтін курсивпен . Және бұл жай мәтін.
Параграф блок элементі, бірақ 5 кірістірілген элементтер бар:
- «Бұл мәтін»
- «батыл»
- «және бұл мәтін»
- «курсив»
- «Бұл жай мәтін.»
Осылайша қалыпты ағым - бұл блок пен кірістірілген элементтер веб-дизайнерлердің ешбір араласуынсыз веб-бетте көрсетілетін болады.
Егер элементтің қай жерде орналасқандығына әсер етсеңіз, CSS орналасуын немесе CSS- ні қолдануға болады.