CSS ატრიბუტის ამომრჩეველთა სახეები - Semalt ექსპერტი

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

ატრიბუტის ამომრჩეველთა სახეები

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

CSS [ატრიბუტი | = "მნიშვნელობა"] სელექტორი ხაზს უსვამს ელემენტებს, რომლებსაც აქვთ განსაკუთრებული მახასიათებელი და ის იწყება განსაზღვრული მნიშვნელობით.

CSS [ატრიბუტი ~ = "მნიშვნელობა"] სელექტორი გამოიყენება ქონების მნიშვნელობის მქონე ელემენტების მოსაძებნად, რომელშიც მოცემულია კონკრეტული სიტყვა.

CSS [ატრიბუტი ^ = "მნიშვნელობა"] ამომრჩეველი აღმოაჩენს ელემენტარული მნიშვნელობის მქონე ელემენტებს კონკრეტული მნიშვნელობით. მნიშვნელობა სულაც არ არის მთლიანი სიტყვა.

CSS [ატრიბუტი $ = "მნიშვნელობა"] სელექტორი პოულობს კომპონენტებს, რომელსაც აქვს ატრიბუტის მნიშვნელობა დამთავრებული განსაზღვრული მნიშვნელობით.

CSS ატრიბუტის ამორჩეული პროგრამები

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

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

სტილის ფორმები

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

სტილის ბმულები

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

სასაზღვრო საშუალებები

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

სტილის ფერები

CSS ატრიბუტის ამომრჩევლები მარტივად ასრულებენ ყველა ელემენტს, რომელსაც აქვს განსაკუთრებული ფერის მნიშვნელობა. შეგიძლიათ გამოიყენოთ ფერადი საკვანძო სიტყვა, RGB (), RGBA (), HSL () და HSLA () ნოტაციები. RGBA ფერის მნიშვნელობებია RGB ფერის მოდელის გაფართოება არხით, რომელიც განსაზღვრავს ფერის გამჭვირვალეობას. პარამეტრების მნიშვნელობა მერყეობს 1.0-დან (გაუმჭვირვალე} დან 0.0 – მდე (გამჭვირვალე)

HSL ფერის მოდელი განმარტებულია, როგორც (Hue_saturation_Lightness). Hue წარმოდგენა არის კუთხის ფორმით (0-360) ან ფერადი ბორბალი. გაჯერება და სიმსუბუქე იზომება, რადგან პროცენტული გაჯერების 0% წარმოადგენს ჩრდილს ან ნაცრისფერ, ხოლო 100 წარმოადგენს სრულ ფერს. 100% სიმსუბუქე წარმოადგენს თეთრ, ხოლო 0% - შავი.