Cascading Style Sheets немесе CSS бірдей элементке әсер ететін барлық қасиеттерге ие болатындай орнатылған. Кейбір қасиеттер бір-бірімен қақтығысуы мүмкін. Мысалы, сіз еже тегінде қызыл түспен қаріпті орнатып, одан кейін көк түспен қаріп түсін орнатыңыз. Браузер параграфтарды жасау үшін қандай түсті біледі? Бұл каскадты шешеді.
Мәнер кестелерінің түрлері
Стиль кестелерінің үш түрі бар:
- Автор стилі парақтары
- Бұл веб-беттің авторы жасаған стильдер парақтары. Олар CSS стилінің парақтарын ойлаған кезде көпшілік ойлайды.
- Пайдаланушы мәнер кестелері
- Пайдаланушы стилінің парақтары веб-беттің қолданушысы арқылы орнатылады. Бұл пайдаланушыларға беттердің қалай көрсетілетінін бақылауға мүмкіндік береді.
- Пайдаланушы агенттерінің мәнер кестелері
- Бұл веб-браузер бетті көрсетуге көмектесетін бетке қолданылатын стильдер. Мысалы, XHTML-де, визуалды пайдаланушылардың көпшілігі тегті курсивпен мәтін ретінде көрсетеді. Бұл пайдаланушы агент стилінің парағында анықталады.
Жоғарыда көрсетілген стиль кестелерінің әрқайсысында анықталған сипаттарға салмақ беріледі. Әдепкі бойынша, автордың стилі парағында ең көп салмақ бар, одан кейін пайдаланушы стилі парағы, ал ақырында пайдаланушы агенті стилі парағы болады. Бұған жалғыз ерекшелік - пайдаланушы стилі парағындағы маңызды ереже. Бұл автордың стилі парағынан гөрі салмағы көп.
Каскадтау тәртібі
Қақтығыстарды шешу үшін Веб браузерлері қандай стильдің басымдылығын анықтау үшін келесі сұрыптау тәртібін пайдаланады және пайдаланылады:
- Алдымен, аталған элементке қолданылатын барлық мәлімдемелерді және берілген медиа түрін іздеңіз.
- Содан кейін қандай стиль парағынан шыққанын қараңыз. Жоғарыда айтылғандай, автор стилі парақтары алдымен пайдаланушы, кейін пайдаланушы агенті. Автордың маңызды мәнерлеріне қарағанда жоғары артықшылығы бар маңызды пайдаланушы стилі!
- Селектор неғұрлым нақты болса, соғұрлым ол артық болады. Мысалы, «div.ru p» стилі «p» тегіндегі біреуден артық басымдылыққа ие болады.
- Ақырында, ережелерді анықталған тәртіп бойынша сұрыптаңыз. Құжат ағашында кейінірек анықталған ережелер бұрын анықталғанға қарағанда жоғары басымдыққа ие. Импортталған мәнер парағындағы ережелер ережелердің алдында мәнер кестесінде тікелей қаралады.