"Cascade" нь "Cascading Style Sheets" -д ямар утгатай вэ?

Cascading Style Sheets буюу CSS нь ижил элементэд нөлөөлөхүйц олон шинж чанаруудыг агуулсан байхаар тохируулагдсан байдаг. Эдгээр эд хөрөнгийн зарим нь хоорондоо зөрчилдөж болзошгүй. Жишээлбэл, та догол мөрийн шошгоны өнгөний өнгийг зааж өгөөд дараа нь цэнхэр өнгөт фонтыг тохируулж болно. Хөтөч нь ямар өнгө хийхийг яаж мэддэг вэ? Үүнийг каскад шийднэ.

Style Sheets төрөл

Гурван төрлийн загварын хуудас байдаг:

1. Зохиогчийн загварын хуудас
   1. Эдгээр нь вэб хуудас зохиогчийн зохиосон загварын хуудас юм. Тэд ихэнхдээ CSS-ийн загварын хуудсыг бодож байхдаа боддог.
2. Хэрэглэгчийн Style Sheets
   1. Хэрэглэгчийн загварын хуудсыг вэб хуудасны хэрэглэгч тохируулна. Эдгээр нь хэрэглэгч хэрхэн хуудас хэрхэн харагдахыг илүү хянах боломжтой болгодог.
3. User Agent Style Sheets
   1. Эдгээр нь Вэб браузер нь хуудсыг харуулахын тулд хуудсанд хамаарах загвар юм. Жишээлбэл, XHTML-д, ихэнх харааны хэрэглэгчид нь текстээр харуулсан текстээр харуулна. Энэ нь хэрэглэгчийн агентлагийн загварын хуудсанд тодорхойлогддог.

Дээрх загварын хуудсууд дээр тодорхойлогдсон шинж чанаруудыг жинтэй болгоно. Анхдагч байдлаар, зохиогч загварын хэв маяг нь хамгийн их жинтэй, дараа нь хэрэглэгчийн хэв маягийн хуудас, эцэст нь хэрэглэгчийн агентлагийн загварын хуудас байдаг. Үүний цорын ганц үл хамаарах зүйл бол хэрэглэгчийн хэв загварын хуудсанд чухал дүрмээр байна. Энэ нь зохиогчийн загварын хуудаснаас илүү жинтэй байдаг.

Cascading Order

Мөргөлдөөнийг шийдвэрлэхийн тулд Вэб хөтөч нь дараах төрлийн эрэмбэ дарааллыг ашиглан аль хэв маягийг урьдчилан тодорхойлж өгөх болно:

1. Нэгдүгээрт, асуудалд байгаа элементүүдэд хамаарах бүх мэдэгдэл болон тогтоосон хэвлэл мэдээллийн төрлийг хайх.
2. Дараа нь ямар загварын хуудас гарч ирнэ үү. Дээрхтэй адил зохиогчийн загварын хуудас эхлээд хэрэглэгч, дараа нь хэрэглэгчийн агентийг ирдэг. Зохиогчийнхоос илүү чухал хэрэглэгчийн стильтэй чухал стильтэй.
3. Илүү тодорхой сонгон шалгаруулагч нь илүү их давуу талтай болно. Жишээ нь "div.co p" дээр хэв маяг "p" гэсэн шошго дээрээс илүү өндөр давуу талтай байх болно.
4. Эцэст нь дүрмийг тодорхойлсон дарааллаар нь ангилах хэрэгтэй. Докторын модны сүүлд тодорхойлсон дүрмүүд нь урьд өмнө тодорхойлсоноос илүү өндөр давуу эрхтэй байдаг. Импортын хэв маягийн хуудаснаас дүрмүүд нь дүрмийн хуудсанд шууд дүрмүүдээс өмнө тооцогддог.