ჩვეულებრივი ნაკადის არის ის, რომ ელემენტები ნაჩვენებია ვებ გვერდზე ყველაზე მეტად ვითარებაში. HTML- ში ყველა ელემენტები შიგნით ყუთებშია, რომლებიც არიან ინლაინ ყუთები ან ბლოკნოტები.
ბლოკირების ბლოკირება
ნორმალურ ნაკადში, ბლოკის ყუთები განთავსდება გვერდიდან მეორეზე (იმ მიზნით, რომ ისინი დაწერონ HTML- ში ). ისინი იწყება ზემოდან ქვედა ნაწილში და ყალიბდება ზედა და ქვედა. თითოეული ყუთში მანძილი განისაზღვრება მინდვრები ზედა და ქვედა ზღვებით, ერთმანეთზე დაცემით.
მაგალითად, შეიძლება შემდეგი HTML:
ეს არის პირველი div. ეს 200 პიქსელია, რომლის გარშემო 5px ზღვარია.
ეს არის ფართო div.
ეს არის div რომელიც უფრო ფართოა, ვიდრე მეორე.
თითოეული DIV ბლოკი ელემენტია, ასე რომ იგი განთავსდება წინა ბლოკის ელემენტზე. ყოველი მარცხენა გარე კუთხე შეეხება ბლოკადის მარცხენა მხარეს.
ჩამოყალიბება Inline ყუთები
ინდექსის ყუთები ჰორიზონტალურ გვერდზეა განთავსებული, მეორე კი კონტეინერის ელემენტის თავზე. როდესაც არ არის საკმარისი სივრცე იმისათვის, რომ შეესაბამებოდეს ერთ ხაზს ინტოქსის ყუთების ყველა ელემენტი, ისინი გადადიან შემდეგი ხაზით და ვერტიკალურად იქნებიან იქიდან.
მაგალითად, შემდეგ HTML- ში:
ეს ტექსტი გაბედულია და ეს ტექსტი არის იტალიური . ეს არის უბრალო ტექსტი.
პარაგრაფი ბლოკ-ელემენტს წარმოადგენს, მაგრამ არსებობს 5 ელემენტი:
- "ეს ტექსტი არის"
- "თამამი"
- "და ეს ტექსტი არის"
- "კურსილი"
- ეს არის უბრალო ტექსტი ".
ასე რომ ნორმალური ნაკადი ისაა, თუ როგორ მოხდება ამ ბლოკსა და ინლაინ ელემენტებს ვებ გვერდზე განთავსება ვებ დიზაინერის მიერ ჩარევის გარეშე.
თუ გსურთ გავლენა მოახდინოთ სადაც არის ელემენტის გვერდი, შეგიძლიათ გამოიყენოთ CSS პოზიცია ან CSS floats .