საიტის განლაგების ორი ტიპი არსებობს: ცხრილი და ბლოკი. მიუხედავად იმისა, რომ პირველი უფრო მოსახერხებელია მარტივი html გვერდების შესაქმნელად, ეს უკანასკნელი იდეალურია, თუ თქვენ გჭირდებათ ცალკეული ელემენტების დამატება ბლოკების სახით.
ინსტრუქციები
Ნაბიჯი 1
არსებობს ორი ტექნიკა, რომლის საშუალებითაც შეგიძლიათ განავითაროთ ბლოკის დიზაინი: კასკადური სტილის ფურცლების ჩასმა დოკუმენტში ან მათი გარე რესურსიდან შეერთებით. ორივე ერთსა და იმავე შედეგს იძლევა, ამიტომ მათ შორის ფუნდამენტური განსხვავება არ არის. პირველ შემთხვევაში ჩასვით შემდეგი კოდი style.css ფაილში სადმე:
.ბლოკი 1 {
}
Block1 - ბლოკის სახელი, შეგიძლიათ დაწეროთ ნებისმიერი სხვა. ხვეულ ფრჩხილებს შორის მიუთითეთ შემდეგი ფორმატის პარამეტრები: ატრიბუტის სახელი> მსხვილი ნაწლავი> მნიშვნელობა> წერტილოვანი წერტილი (მათ შორის მოთავსებულია ტალღოვანი სამაგრის წინ) ჩვეულებრივ გამოიყენება შემდეგი ელემენტები:
- სიგანე - სიგანე (500 პიქსელი, 100% და ა.შ.);
- სიმაღლე - სიმაღლე (200 პიქსელი, 25% და ა.შ.);
- ფონი - ფონის ფერი (ყვითელი, წითელი, # 000000);
- padding - ბლოკირება შინაარსის გარშემო ბლოკში (0px, 20%);
- ზღვარი - გარე მინდვრები ბლოკიდან (15px, 40%);
- საზღვარი - ჩარჩო (საზღვარი: მყარი 0px შავი;);
- ათწილადი - გასწორება (მარცხნივ, მარჯვნივ);
- საზღვრის რადიუსი - კუთხეების დამრგვალება (საზღვრის რადიუსი: 10px;).
ნაბიჯი 2
CSS– ის მეორე გამოყენებისას დაამატეთ სტილი და ტეგებს შორის:
.ბლოკი 1 {
}
და დაამატეთ თქვენთვის სასურველი პარამეტრები.
ნაბიჯი 3
ჩასვით ბლოკი საიტზე სასურველ ადგილას ბრძანების გამოყენებით:
ბლოკი 1
შეინახეთ და განაახლეთ გვერდი, ის უნდა გამოჩნდეს. გაითვალისწინეთ, რომ სიმაღლის გასწორება შეიძლება განსხვავდებოდეს იმის მიხედვით, თუ რამდენად სავსეა შინაარსი. მაგალითად, თუ თქვენ დააყენეთ 300px, მაგრამ დაწერეთ მხოლოდ ერთი სტრიქონი, ის სრულად არ გამოჩნდება. ამის გამოსწორება შესაძლებელია, მაგალითად, ცხრილი საჭირო პარამეტრებით, რომელიც უნდა განთავსდეს ბლოკის შიგნით, ე.ი. ტეგებს შორის და. ისე, რომ საზღვრები არ ჩანს, ჩადეთ ატრიბუტი
