Რას ნიშნავს "კასკადი" სტილის კასკადში?

Cascading Style Sheets ან CSS იქმნება ისე, რომ თქვენ შეგიძლიათ ბევრი თვისებები ყველა იმოქმედებს იმავე ელემენტს. ზოგიერთი იმ თვისებებით შეიძლება ერთმანეთთან კონფლიქტი. მაგალითად, თქვენ შეგიძლიათ დააყენოთ შრიფტის ფერი წითელი პუნქტის tag და შემდეგ, შემდეგ, მითითებული შრიფტის ფერი ლურჯი. როგორ ხვდება ბრაუზერი, რომელი ფერები გააკეთოს პარაგრაფებზე? კასკადი გადაწყდება.

სტილების ტიპები

არსებობს სამი სხვადასხვა სტილის ფურცელი:

  1. სტილი ფურცლები
    1. ეს არის სტილის ფურცლები ვებ გვერდის ავტორის მიერ. ისინი ყველაზე მეტად ფიქრობენ, როდესაც ისინი ფიქრობენ CSS სტილების ფურცლებზე.
  2. მომხმარებლის სტილი ცხრილები
    1. მომხმარებლის სტილი ფურცლები დაყენებულია ვებ გვერდის მომხმარებლის მიერ. ეს საშუალებას აძლევს მომხმარებელს მეტი კონტროლი, თუ როგორ გვერდები არიან.
  3. მომხმარებელი აგენტის სტილი ცხრილები
    1. ეს არის სტილი, რომ ვებ-ბრაუზერი ვრცელდება გვერდზე, რათა დაეხმაროს ამ გვერდზე. მაგალითად, XHTML, ყველაზე ვიზუალური მომხმარებელი აგენტები არიან tag, როგორც italicized ტექსტი. ეს განისაზღვრება მომხმარებლის აგენტის სტილის ფურცელში.

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

კასკადური ორდენი

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

  1. უპირველეს ყოვლისა, შეხედეთ ყველა დეკლარაციას, რომელიც ეხება საკითხს ელემენტზე და მინიჭებულ მედიას.
  2. შემდეგ შეხედეთ, რა სტილის ფურცელი მოდის. როგორც ზემოთ, ავტორი სტილის ფურცლები მოვიდა პირველი, შემდეგ მომხმარებელი, შემდეგ მომხმარებელი აგენტი. მნიშვნელოვანი სტილის მქონე ავტორიზებული სტილის მქონე ავტორიტეტული სტილის მქონე მომხმარებლის სტილით.
  3. უფრო კონკრეტული სელექტორია, უფრო მეტი პრეცედენტი მას მიიღებს. მაგალითად, სტილი "div.co p" - ზე უფრო მაღალია, ვიდრე ერთი "p" tag- ზე.
  4. და ბოლოს, წესები წესით განსაზღვრული წესით. წესები, რომლებიც მოგვიანებით განსაზღვრულია დოკუმენტის ხეში, უფრო მაღალია, ვიდრე ადრე განსაზღვრული. და წესები იმპორტირებული სტილის ფურცელი ითვლება წესების პირდაპირ სტილი ფურცლში.