CSS

კასკადურ სტილთა ფურცლები — სტილთა ფურცლების ენა, რომელიც გამოიყენება მონიშვნის ენით დაწერილი დოკუმენტის წარდგინების აღსაწერად, მაგალითად -ის გამოყენებით. არის მსოფლიო აბლაბუდის ტექნოლოგიური ქვაკუთხედი, -თან და -თან ერთად.
 შემუშავებულია კონტენტის და მისი წარდგენის, მათ შორის ფერების, ფონტების და გაწყობის გაცალკევებისათვის. ამგვარ გაცალკევებას შეუძლია გააუმჯობესოს კონტენტის ხელმისაწვდომობა, უზრუნველყოს წარდგენის თვისებების განსაზღვრის უფრო მეტი მოქნილობა და მართვადობა, უზრუნველყოს მრავალი ვებგვერდის მიერ საზიარო ფორმატირების გამოყენება შესაბამისი სტილების განცალკევებულ . ფაილში აღწერით, რაც ამცირებს კონტენტის სტრუქტურაში სირთულესა და გამეორებადობას, ისევე როგორც უზრუნველყოს . ფაილის კეშირება, რაც საზიარო სტილის და ფორმატირების მქონე სხვადასხვა გვერდის ჩატვირთვის სიჩქარეს აამაღლებს.

ფორმატირებისა და კონტენტის გაცალკევება ასევე იძლევა შესაძლებლობას ერთი და იგივე გვერდი წარდგენილ იქნას სხვადასხვა სტილში გამოქვეყნების სხვადასხვა მეთოდისათვის, როგორიცაა მონიტორისთვის, ბეჭდვისთვის, ხმოვანისთვის, და ბრაილის შრიფტზე დაფუძნებული ტაქტილური მოწყობილობებისთვის. საშუალებას იძლევა ფორმატირება შეიცვალოს თუ კონტენტზე წვდომა ხორციელდება მობილური მოწყობილობიდან.
სახელი „კასკადური“ მომდინარეობს სტილების პრიორიტეტულობის სქემიდან, რომლითაც განისაზღვრება თუ რომელი სტილი იქნება გამოყენებული ელემენტისთვის, იმ შემთხვევაში, როდესაც ერთსა და იმავე ელემენტზე გაწერილია ერთზე მეტი წესი. კასკადური პრიორიტეტების სქემა პროგნოზირებადია.

კასკადურ სტილთა ფურცლების ტექნიკური მახასიათებლების მხარდაჭერას ახორციელებს მსოფლიო აბლაბუდის კონსორციუმი (3). ინტერნეტის მედია-ტიპი (-ტიპი) რეგისტრირებულია კასკადურ სტილთა ფურცლებთან გამოსაყენებლად ცვლილებების შესახებ განაცხადით 2318 (მარტი, 1998). 3-ის მიერ წარდგენილია უფასო სერვისი -დოკუმენტების შესამოწმებლად.

-ის გარდა, -ის გამოყენება მხარდაჭერილია მონიშვნის სხვა ენებშიც, მათ შორის , , , .

სინტაქსი
-ს აქვს მარტივი სინტაქსი და იყენებს გარკვეული რაოდენობის ინგლისურ საკვაძო სიტყვებს სტილის სხვადასხვა თვისების სახელის განსაზღვრისთვის.
სტილის ფურცელი შედგება წესების ნუსხისგან. თითოეული წესი ან წესების კრებული შედგება ერთი ან მეტი სელექტორისგან და გამოცხადების ბლოკისგან. სელექტორი განლაგებულია წესის მარცხენა მხარეს ნიშნამდე, ხოლო გამოცხადების ბლოკი განლაგებულია წესის მარჯვენა მხარეს და მოთავსებულია ფიგურულ ფრჩხილებში. გამოცხადების ბლოკში შეიძლება იყოს ერთი, ან მრავალი გამოცხადება, რომლებიც ერთმანეთისაგან გამოიყოფა წერტილმძიმით . გამოცხადების შემადგენელი ნაწილებია თვისება და მისი მნიშვნელობა; თვისებას და მის მნიშვნელობას შორის ისმება ორწერტილი .

სელექტორი, სელექტორი {
თვისება: მნიშვნელობა;
თვისება: მნიშვნელობა;
თვისება: მნიშვნელობა;
}

სელექტორი
-ში სელექტორები აცხადებენ მონიშვნის რომელ ნაწილს ეკუთვნის სტილი, რისთვისაც იყენებს ტეგების და ატრიბუტების შესაბამისობას თავად მონიშვნაში.
სელექტორი შეიძლება გამოყენებულ იქნას შემდეგზე:
სპეციალური ტიპის ყველა ელემენტზე, მაგალითად მეორე დონის სათაურებზე 2
ატრიბუტით განსაზღვრულ ელემენტებზე, კერძოდ:
უნიკალური იდენტიფიკატორი დოკუმენტში
კლასობრივი იდენტიფიკატორი, რომელსაც შეუძლია მრავალი ელემენტის ანოტირება დოკუმენტში
ელემენტებზე, იმის მიხედვით, მათი სხვა ელემენტების მიმართ დოკუმენტის ხეში განთავსების მიხედვით.
კლასები და იდენტიფიკატორები რეგისტრის მიმართ მგრძნობიარეა, იწყება ასობგერით და შეიძლება შეიცავდეს ასოებს, ციფრებს, დეფისებს და ხაზგასმებს. კლასი შეიძლება გამოყენებულ იქნას ნებისმიერი ელემენტის ნებისმიერი რაოდენობის ნიმუშზე. შეიძლება დაერთოს მხოლოდ ერთ ელემენტს.

-სელექტორებში ფსევდოკლასები გამოიყენება ფორმატირებისვის იმ ინფორმაციის საფუძველზე, რომელიც არ არის მოცემული დოკუმენტის ხეში. ფართოდ გამოყენებადი ერთ-ერთი ფსევდოკლასის ნიმუშია , რომელიც კონტენტის იდენტიფიცირებას ახდენს მხოლოდ მაშინ, როდესაც მომხმარებელი უთითებს ხილულ ლელემენტზე, ხშირ შემთხვევაში კომპიუტერის კურსორის ზედ გადავლებით ან მასზე გაჩერებით. სელექტორზე მიბმა ხდება შემდეგნაირად ან . დოკუმენტის ელემენტებს, როგორიცაა ან , ფსევდოკლასი კლასიფიცირებს იმ დროს, როდესაც ფსევდოელემენტი აკეთებს ამორჩევას, რომელიც შეიძლება შეიცავდეს ნაწილობრივ ელემენტებს, როგორიცაა ან .

შესაძლებელია სელექტორების მრავალგვარი გაერთიანება, შთამბეჭდავი მოქნილობის და სპეციფიკურობის მისაღწევად. მრავალი სელექტორი შეიძლება გაერთიანდეს მიმორიგებულ სიაში, ელემენტების განსასაზღვრად მათი მდებარეობის, ტიპის, იდენტიფიკატორის, კლასის ან მათი რომელიმე კომბინაციით.

სელექტორების მითითების თანმიმდევრობა მნიშვნელოვანია. მაგალითისთვის, მოქმედებს კლასის ყველა ელემენტზე, რომელიც არის ელემენტის შიგნით, მაშინ როდესაც მოქმედებს ყველა ელემენტზე რომლებიც არიან კლასის ელემენტები.

შემდეგი ცხრილი შეიცავს სელექტორების სინტაქსის შეჯამებას, გამოყენების ჩვენებითა და ვერსიის მითითებით, როდესაც იგი დაემატა.

გამოცხადების ბლოკი
გამოცხადების ბლოკი შედგება გამოცხადებების ნუსხისგან, რომელიც მოქცეულია ფიგურულ ფრჩხილებში. თითოეული გამოცხადება შედგება თვისებისგან, ორწერტილისგან და მნიშვნელობისგან. თუ ბლოკში ერთზე მეტი გამოცხადებაა, მაშინ თითოეული გამოცხადების გამოსაყოფად მათ შორის უნდა დაიწეროს წერტილ-მძიმე .

თვისებები განსაზღვრულია -ის სტანდარტში. თითოეულ თვისებას აქვს შესაძლო მნიშვნელობების გარკვეული ნუსხა. ზოგიერთ თვისებას მოქმედება შეუძლია ნებისმიერი ტიპის ელემენტზე, ხოლო ზოგიერთს — მხოლოდ გარკვეული ჯგუფის ელემენტებზე.

თვისებების მნიშვნელობები შეიძლება იყოს განსაზღვრული საკვანძო სიტყვები, მაგალითად როგორიცაა "" ან "", ან რიცხობრივი მნიშვნელობები, მაგალითად (200 პიქსელი), , ან (მობელი ელემენტის სიგანის 80%). ფერის მნიშვნელობები შესაძლებელია მინიჭებულ იქნას საკვაძო სიტყვების გამოყენებით (მაგალითად, ""), ფერის თექვსმეტობითი კოდის მნიშვნელობით (მაგალითად, ან ), მნიშვნელობით 0-და 25-ის ჩათვლით (მაგალითად, ), მნიშვნელობებით, რომელიც ფერის გარდა ალფა არხის გამჭვირვალეობასაც განსაზღვრავს (მაგალითად, ), ან მნიშვნელობით (მაგალითად, , ).

სიგრძის ერთეულები
არანულოვანი მნიშვნელობები, რომლებიც წარმოადგენენ წრფივ ზომებს, უნდა წარდგენილნი იყვნენ სიგრძის ერთეულან ერად, რომელიც შეიძლება იყოს აბრევიატურა ან ანბანური კოდი, მაგალითად, ან ; ან პროცენტის სიმბოლოს, მაგალითად, . სიგრძის ზოგიერთი ერთეული, (სანტიმეტრი), (ინჩი), (მილიმეტრი), (პიკა) და (წერტილი) — აბსოლუტურია, რაც იმას ნიშნავს, რომ მისი განზომილება გამოსახულებაზე, არ არის დამოკიდებული გვერდის სტრუქტურაზე. ისეთი ერთეულები, როგორიცაა , და (პიქსელი) — დაკავშირებულია გვერდის კონტენტთან, რაც ნიშნავს, რომ მის გამოსახვაზე შეიძლება გავლენა იქონიონ ისეთმა ფაქტორებმა, როგორიცაა მაგალითად მშობელი ელემენტის ფონტის ზომა. ჩამოთხვლილი სიგრძის რვავე ერთეული წარდგენილი იყო -ის 1-ლ ვერსიაში და მემკვიდრეობით გადაეცა შემდგომ ვერსიებსაც. ცვლილებების შესახებ განაცხადი „ 3“, თუ იგი მიღებული იქნება 3-ის რეკომენდაციად, სტანდარტში დაამატებს დამატებით 7 ერთეულს, ესენია: , , , , და .

გამოყენება
-ის შემუშავებამდე, დოკუმენტის გაფორმების ატრიბუტები თითქმის სრულად თავსდებოდა მონიშვნის შიგნით. ყველა ფონტის ფერი, ფონის სტილი, ელემენტების სწორებები, საზღვრები და ზომები აღწერილი იყო უშუალოდ -კოდში, ხშირ შემთხვევაში კი, ეს აღწერა მეორდებოდა. ავტორს საშუალებას აძლევს ინოფორმაციის დიდი ნაწილი გადატანილ იქნას სხვა ფაილში — სტილის ფურცელში, რისი წყალობით, მიიღება შედარებით გამარტივებული დოკუმენტი.

მაგალითისთვის, სათაურები ( ელემენტი), ქვესათაურები , ქვე-ქვესათაურები და ა. შ. განსაზღვრულია სტრუქტურალად -ის გამოყენებით. ბეჭდვისა და ეკრანზე მოსახვისას ამ ელემენტების ფონტის ზომა, ფერი და გამოყოფა საპრეზენტაციო ხასიათისაა.

-მდე, დოკუმენტის ავტორს, რომელსაც სსურდა გარკვეული ტიპოგრაფიული მახასიათებლების მინიჭება, მაგალითად, ყველა სათაურისთვის, უწევდა -ში საპრეზენტაციო მინიშვნის გამოყენება იმდენჯერ, რამდენჯერაც დოკუმენტში მეორდება ტიპის სათაური, რაც ართულებდა დოკუმენტებს, ზრდიდა მათ ზომას, ხდიდა შეცდომების მიმართ მოწყვლადსა და რთულად მხარდასაჭერს. -ის გამოყენებით, დოკუმენტის სტრუქტურილი საპრეზენტაციო ნაწილები ცალკევდება. -ით შეიძლება განისაზღვროს ფერი, ფონტი, ტექსტის სწორება, ზომა, საზღვრები, დაშორება, განლაგება და სხვა მრავალი ტიპოგრაფიული მახასიათებელი, და ამის განსაზღვრა შესაძლებელია ერთანეთისგან დამოუკიდებლად, საეკრანოდ და საბეჭდვო წარდგენისთვის. ასევე განსაზღვრავს უხილავ სტილებსაც, როგორიცაა კითხვის სიჩქარე და აქცენტირება ტექსტის ხმოვანი წამიკითხველებისთვის.
წარდგენითიო მონიშვნის -ში სრულად მოთავსება 3-ის მიერ მოძველებულ პრაქტიკად არის გამოცხადებული.

მაგალითად, -მდელი -ში, სასათაურო ელემენტი წითელი ტექსტით უნდა დაწერილიყო შემდეგნაირად:
 1.

-ის გამოყენების შემთხვევაში, იგივე ელემენტი შეიძლება დაიწეროს სტილის თვისებების გამოყენებით, ატრიბუტების ნაცვლად:
 1.

ამის უპირატესობები პირველ ჯერზე არ იკვეება, თუმცა -ის სიმძლავრე ნათელი ხდება, როდესაც სტილის თვისებები თავსდება შიდა სტილის ელემენტში, ან უფრო უკეთესი, გარე ფაილში.

მაგალითად, დავუშვათ, დოკუმენტი შეიცავს შიდა -ელემენტს:

1 {
: ;
}

ყველა ელემენტი დოკუმენტში ავტომატურად გადაიქცევა წითლად, ყოველგვარი მკაფიო კოდის გარეშე. თუ ავტორს შემდეგ მოესურვება რომ სათაურები გაალურჯოს, ამის გასაკეთებლად მას დასჭირდება სტილის ელემენტის შეცვლად:

1 {
: ;
}

იმის ნაცვლად, რომ საგულდაგულოდ ეძება მთელ დოკუმენტში ელემენტები და სათითაოდ შეეცვალა მათი ფერი.
სტილი ასევე შეიძლება მოთავსდეს გარე ფაილში, როგორც ეს ნაჩვენებია ქვედა მაგალითში და ჩატვირთონ შემდეგნაირი სინტაქსით:

სტილის ცალკე ფაილად გატანა კიდევ უფრო აშორებს საპრეზენტაციო სტილს და -სტრუქტურას ერთმანეთისგან და შესაძლებლობას იძლევა მრავალი დოკუმენტის სტილი შეიცვალოს მარტივად, საზიარო გარე -ფაილის რედაქტირებით.