CSS არის კასკადური სტილის ფურცელი, რომელიც გამოიყენება ინტერნეტ რესურსების გვერდზე ვიზუალური ელემენტების შესაქმნელად. CSS– ით მითითებული ობიექტების გადაცემა ხორციელდება HTML მარკირების ენაზე. კასკადური მაგიდების გამოყენება შეუძლებელია მარტო.
CSS– ის გამოყენება
CSS არის სტილის ენა, რომელიც ახორციელებს HTML მარკირების ელემენტების წარმოდგენას. კასკადური ცხრილები საშუალებას გაძლევთ მოირგოთ პარამეტრები, რომელთა შეცვლა შეუძლებელია HTML- ში. მაგალითად, სტილის ენის გამოყენებით შეგიძლიათ შეცვალოთ შრიფტის სტილი, ფერი. CSS საშუალებას გაძლევთ დააყენოთ მინდვრები, ხაზები, შევსება, სიგანე, პოზიციის ელემენტები და შეასრულოთ იმ პარამეტრების გამოცემა, რომელთა განხორციელება შეუძლებელია "სუფთა" HTML- ის გამოყენებით.
კასკადური სტილის ფურცლებს მხარს უჭერს თითქმის ყველა ბრაუზერი და გამოიყენება თითქმის ნებისმიერ ვებ რესურსზე. ისინი აკონტროლებენ შინაარსის ჩვენებას მითითებული ენის გამოყენებით და საშუალებას გაძლევთ აკონტროლოთ ნივთების ჩვენება სხვადასხვა მედიისთვის.
თუ HTML გამოიყენება მხოლოდ როგორც ტექსტის სტრუქტურირების საშუალება, CSS საშუალებას გაძლევთ მოირგოთ ნაჩვენები შინაარსის ჩვენება.
CSS სინტაქსი და მისი ჩართვა HTML კოდში
გვერდის შექმნისას სასურველია გამოიყენოთ CSS HTML ინსტრუმენტებზე. ფაქტია, რომ HTML– ს თავდაპირველად არ ჰქონდა ელემენტების ფერის რედაქტირების საშუალება და არ იყო გამიზნული ფერების და ეკრანის პარამეტრების დასადგენად, ამიტომ ვებ – გვერდების შემქმნელთა მიერ HTML– ის აღწერილების გამოყენება შეიძლება არასწორად შეფასდეს.
CSS- ს HTML- სგან განსხვავებული სინტაქსი აქვს და შედის გვერდის კოდში თეგების საშუალებით. ასევე შეგიძლიათ ინტეგრირდეთ CSS კოდი, რომელიც ცალკე ფაილში არის პარამეტრების ნიშნის გამოყენებით:
CSS- კოდს აქვს გარკვეული სინტაქსი, რომელიც მკაცრად უნდა იქნას დაცული, წინააღმდეგ შემთხვევაში, გამომუშავებული სტილები არ გამოჩნდება გვერდზე. CSS კოდის განყოფილება შეიძლება დაიყოს 3 მთავარ ელემენტად: ამორჩევა, თვისება და მნიშვნელობა. ეს ელემენტები შემდეგნაირად იწერება:
ამომრჩევი {თვისება: მნიშვნელობა; }
ამორჩევა განსაზღვრავს იმ სახელურს, რომელზეც ვრცელდება გენერირებული ჩვენების წესი. თვისების პარამეტრი განსაზღვრავს ელემენტის რედაქტირებად ასპექტს, ხოლო მნიშვნელობა განსაზღვრავს თვისების შესაბამის ვარიანტს. მაგალითად, ფერის შეცვლა მეორე დონის სათაურში
HTML, შეგიძლიათ გამოიყენოთ შემდეგი კოდი:
h2 {ფერი: წითელი; }
ეს კოდი ადგენს ტექსტის ფერს წითლად, რომელიც მდებარეობს მეორე დონის სათაურის აღწერილში.
CSS იყენებს სტანდარტულ HTML ფერთა ცხრილს.
ტეგების გამოყენებასთან ერთად, შეგიძლიათ გამოიყენოთ შიდა ტეგებიც. Მაგალითად:
სათაური
ეს კოდი იდენტურია ზემოთ აღწერილი კოდისა, იმ განსხვავებით, რომ CSS პარამეტრები დაყენებულია რედაქტირებისთვის საჭირო აღწერით.
