კასკადური სტილის ფურცლები გამოიყენება HTML გვერდის შინაარსის ფორმატისთვის. შესაბამისად, CSS– ში გამოყენებული ყველა ბრძანება მიზნად ისახავს HTML დოკუმენტის ნებისმიერი ელემენტის გარეგნობას.
Ეს აუცილებელია
კომპიუტერი ინტერნეტით
ინსტრუქციები
Ნაბიჯი 1
წაიკითხეთ, თუ როგორ გამოიყენება კასკადური სტილის ფურცლები. ტექსტის ფორმატირება კასკადური სტილის ფურცლების ყველაზე ხშირად გამოყენებული მახასიათებელია. ნებისმიერი HTML დოკუმენტი შეიცავს უზარმაზარ რაოდენობას ტექსტური ინფორმაციის მის სხვადასხვა ნაწილში. ამავდროულად, გვერდის თითოეულ ნაწილს უნდა ჰქონდეს საკუთარი ფორმატი და შრიფტი: ტექსტის ნაწილი მენიუს ტექსტია, მეორე სათაური, მესამე გვერდის მთავარი ტექსტი და ა.შ. ტექსტური ინფორმაციის ფორმატისთვის ბრძანებები გამოიყენება შრიფტის სახელის, მისი ზომის, წონის და ა.შ.
ნაბიჯი 2
ასე რომ, პირველ რიგში, შეამჩნიეთ შრიფტის ოჯახის სტილის პარამეტრი. ეს ატრიბუტი საშუალებას გაძლევთ დააყენოთ ამ შრიფტის კონკრეტული შრიფტი. შრიფტის სახელი იწერება ნიშნის ":" შემდეგ. შრიფტის ზომის სტილის ატრიბუტი გამოიყენება ტექსტში ზომის ტექსტის დასადგენად. ზომის მნიშვნელობა ასევე იწერება ნიშნის ":" შემდეგ და მითითებულია პიქსელებში, მაგალითად, "font-size: 20px".
ნაბიჯი 3
გაითვალისწინეთ, რომ სტილის პარამეტრები შეიძლება გაერთიანდეს და დაიწეროს ერთად ";" ნიშნის გამოყენებით. ეს გამოდგება, თუ საჭიროა ერთი ტეგისთვის რამდენიმე პარამეტრის დაყენება.
ნაბიჯი 4
გამოიყენეთ სტილის ატრიბუტის ფერი ტექსტის ფერის შესაცვლელად. ფერის სახელი სტანდარტული წესით იწერება: მწვანე, ლურჯი, წითელი და ა.შ. მას ასევე აქვს შესაძლებლობა დაადგინოს არა მხოლოდ თავად ტექსტის, არამედ ფონის ფერის ფერიც. ამ მიზნით, გამოიყენება background-color ატრიბუტი, რის შემდეგაც მითითებული უნდა იყოს შერჩეული ფერიც. თუ გსურთ ამ თეგის არეში გამოიყენოთ ფონის და არა სურათის სახით, გამოიყენეთ ფონური სურათის სტილის პარამეტრი და მიუთითეთ სურათის წყარო.
ნაბიჯი 5
გაეცანით სტილის ატრიბუტების რაოდენობას, რომლებიც ადგენენ გვერდის ელემენტების პარამეტრებს, რომლებიც, უპირველეს ყოვლისა, მოიცავს padding, border, float, position.
ნაბიჯი 6
გამოიყენეთ padding პარამეტრი, რომ დააყენოთ ზღვრის ოდენობა, რომელიც უკავშირდება მოცემულ ნიშანს. ამ შემთხვევაში, ეს მნიშვნელობა ითვლება თითოეული მხრიდან. მიუთითეთ საზღვრის ატრიბუტი ამ ველის საზღვრის შესაქმნელად. მსხვილი ნაწლავის შემდეგ, საზღვრის სიგანე იწერება პიქსელებში. ათწილადი თვისება საშუალებას მისცემს თქვენს გვერდზე მდებარე ელემენტს გადაფურცლოს მარჯვნივ ან მარცხნივ. ამ მხრივ, ამ თვისების შესარჩევი პარამეტრები მარცხნივ ან მარჯვნივ არის.
ნაბიჯი 7
თუ თქვენ გჭირდებათ ობიექტზე საგნის ზუსტად განთავსება, გამოიყენეთ პოზიციის თვისება. ის ათავსებს გვერდის ელემენტს აბსოლუტურად, მაგალითად, "პოზიცია: აბსოლუტური; ქვედა: 50px; მარჯვნივ: 10px;", ან ფარდობითი გზით, გვერდის კიდეებიდან დაშორების საფუძველზე.
