කැල්කියුලින් ස්ටයිල් ෂීට් හෝ CSS ඔබ එකම මූලද්රව්යයට බලපාන බොහෝ ගුණාංග තිබිය හැක. එම ගුණාංග සමහරක් එකිනෙකා සමඟ ගැටෙනු ඇත. නිදසුනක් ලෙස, ඔබ විසින් ඡේද ලකුණ සඳහා රතු වර්ණ වර්ණයක් සකසා ඉන්පසු, පසුව, නිල් පැහැති අකුරු වර්ණයක් සකසා ගත හැකිය. ඡේදයන් සෑදීමට අවශ්ය වර්ණය කුමක්දැයි බ්රවුසරයේ දැනගන්නේ කෙසේද? මෙය තීරණය වන්නේ කස්සේඩයෙනි.
ස්ටයිල් පත්ර
විවිධ ආකාරයේ ශෛල පත්ර තුනක් තිබේ:
- කර්තෘ ස්ටයිල් පත්ර
- මෙම වෙබ් පිටුවෙහි කතුවරයා විසින් නිර්මාණය කරන ලද ශෛල පත්ර මේවා වේ. CSS ශෛල පත්රයන් ගැන සිතන විට ඔවුන් බොහෝ දෙනා සිතන්නේ කුමක්දැයි ඔවුන් සිතති.
- පරිශීලක ස්ටයිල් පත්ර
- පරිශීලක ශෛල පත්රයන් වෙබ් පිටුවෙහි පරිශීලකයා විසින් සකසා ඇත. මෙම පිටු ප්රදර්ශනය කරන්නේ කෙසේද යන්න පිළිබඳව පරිශීලකයාට වැඩි ඉඩක් ලබා දේ.
- පරිශීලක නියෝජිත යතුරු පත්රිකා
- මෙම පිටුව ප්රදර්ශනය කිරීමට උපකාර කිරීමට වෙබ් බ්රවුසරය පිටුවට අදාළ වන විලාසයන් වේ. උදාහරණයක් ලෙස, XHTML හි බොහෝ දෘශ්ය පරිශීලකයින්ගේ නියෝජිතයින්ගේ ඇල අකුරු ඇල අකුරින් දැක්වේ. මෙය පරිශීලක නිපැයුම් විලාසය තුල අර්ථ දක්වයි.
ඉහත සඳහන් ශෛල පත්රවල අර්ථ දැක්වෙන ගුණ ඇතිව බරක් ලබා දෙනු ලැබේ. පෙරනිමියෙන්, කර්තෘ ස්ටයිල් පත්රයේ වඩාත්ම බර ඇති අතර පසුව, පරිශීලක ශෛලමය පත්රය හා අවසානයේ පරිශීලක නිපැයුම් ශෛලමය පත්රිකාව මගින්. මේ සඳහා එකම ව්යතිරේකය වන්නේ පරිශීලක ශෛල පත්රයෙහි වැදගත් නියමයක් සමඟය. කර්තෘගේ ශෛලිය පත්රයට වඩා වැඩි බරක් ඇත.
කැස්කඩිං ඇණවුම
ගැටුම් නිරාකරණය කිරීමට වෙබ් බ්රවුසරයන් පහත දැක්වෙන වර්ගීකරණ අනුපිළිවෙල භාවිතා කරන්නේ කවර ශෛලියක් ප්රමුඛත්වය හා භාවිතා කරනු ඇත:
- පළමුවෙන්ම, ප්රශ්නයට අදාළ අංගයට අදාළ සියලුම ප්රකාශයන් සහ පැවරුම් මාධ්ය වර්ගය සඳහා.
- එතකොට එය එන්නේ මොන රෙද්දක්ද කියලා බලන්න. ඉහත පරිදි, කර්තෘ ස්ටයිල් ෂීට් පළමුව, පසුව පරිශීලකයා, පසුව පරිශීලක නියෝජිතයා. වැදගත්ම පරිශීලක ශෛලීන්!
- වඩාත් සුවිශේෂී තේරීම්කාරකය වන්නේ, එය වඩාත් ප්රමුඛත්වය ලබා දෙනු ඇත. නිදසුනක් ලෙස, "div.co p" මත ඇති ශෛලියක් "p" ටැග් එකට වඩා ඉහළ අගයක් වනු ඇත.
- අන්තිමට, ඒවා නිශ්චය කර ඇති පිළිවෙළ අනුව නීති සකස් කරන්න. ලේඛන ශාකයේ පසුව නිශ්චිතව දක්වා ඇති රීති කලින් සඳහන් කළ ඒවාට වඩා වැඩි ප්රමුඛතාවයක් ඇත. ආනයනික ස්ටයිල් පත්රයේ නීති රීති කෙලින්ම නීති රීති වලට අනුකූලව සලකනු ලැබේ.