කැස්කැඩින් ස්ටයිල් පත්ර මොනවාද?
වෙබ් අඩවි, පින්තූර, පෙළ සහ විවිධ ලියකියවිලි ඇතුළු තනි තනි කැබලි ගණනකින් සමන්විත වේ. මෙම ලේඛන PDF ලිපිගොනු වැනි විවිධ පිටු සිට සබැඳි විය හැකි අතර, පිටු සහ ව්යාකරණ (CSS) (Cascading Style Sheet) ලේඛන නිර්ණය කිරීමට HTML ලේඛන වැනි පිටු සෑදීමට භාවිතා කරන ලේඛන ඇතුළත් වේ. පිටුවක පෙනුමයි. මෙම ලිපිය CSS තුළට ගෙන එනු ඇත, එය කුමක්ද හා එය අද වෙබ් අඩවි වල භාවිතා කරනු ඇත.
CSS ඉතිහාසය පාඩම
CSS මුලින්ම 1997 දී නිර්මාණය කරන ලද වෙබ් පිටු වල දෘශ්ය පෙනුම නිර්වචනය කිරීමට වෙබ් සංවර්ධනකරුවන්ට ක්රමයක් ලෙස සංවර්ධනය විය. වෙබ් අඩවි වෘත්තිකයින්ගේ දෘශ්ය නිර්මාණයේ වෙබ් අඩවියේ කේතයේ අන්තර්ගතය හා ව්යුහය වෙන් කිරීම සඳහා මෙම වෙබ් අඩවි වෘත්තිකයන්ට ඉඩ සැලසීමට අදහස් කරන ලදී.
ව්යුහය හා විලාසය වෙන් කිරීම HTML මුලින් පදනම් වූ කාර්යය ඉටු කිරීමට ඉඩ සලසයි - අන්තර්ගතයේ සලකුණු කිරීම, පිටුවෙහි සැලසුම් හා සැකැස්ම ගැන කරදර නොවී, "පෙනුම සහ හැඟීම" යනුවෙන් හැඳින්වෙන පොදු දෙයක්, පිටුවේ.
2000 පමණ වන තෙක් CSS ජනප්රිය වූයේ නැත. වෙබ් බ්රව්සරය මෙම සලකුණුකරණ භාෂාවෙහි මූලික අකුරු සහ වර්ණ පැතිකඩයන් වඩා භාවිතා කිරීමට පටන් ගත්තේය. වර්තමානයේ සියලු නවීන බ්රව්සර්ස් CSS මට්ටම 1, CSS 2 මට්ටමේ සිට සහ CSS 3 මට්ටමේ බොහෝ අංගයන් සඳහා සහාය දක්වයි. සීඑස්එස් අඛණ්ඩව වෙනස් වෙමින් නව ශෛලීන් හඳුන්වා දෙන විට, වෙබ් බ්රව්සර් නව බ්රවුසරයේ නව CSS සහාය ලබා ගෙන මොඩියුල ක්රියාත්මක කිරීම ආරම්භ කර ඇති අතර වෙබ් නිර්මාණකරුවන්ට නවීන විලාසිතා මෙවලම් ලබා දීම සඳහා ලබා දෙයි.
පසුගිය වසර කිහිපය තුළ වෙබ් අඩවි සැලසුම් කිරීම සහ සංවර්ධනය කිරීම සඳහා CSS භාවිතා කිරීම ප්රතික්ෂේප කළ තෝරාගත් වෙබ් නිර්මාණකරුවන් සිටියද, අද වන විට එම කර්මාන්තයේ සිට අද දක්වා කර්මාන්තයෙන් ඉවත් වී ඇත. CSS දැන් වෙබ් නිර්මාණකරණයේ බහුලව භාවිතා වන ප්රමිතියක් වන අතර මෙම භාෂාව පිළිබඳව අවම වශයෙන් අවම අවබෝධයක් නැති වර්තමානයේ කර්මාන්තයේ වැඩ කරන කිසිවෙකු සොයා ගැනීමට ඔබට දැඩි ලෙස පීඩනය යෙදිය හැකිය.
CSS යනු ක්රමාංකනයකි
දැනටමත් සඳහන් කර ඇති පරිදි, CSS යෙදුම "කැස්කැඩින් ස්ටයිල් පත්රය" ලෙස හැඳින්වේ. මෙම ලේඛන කරන්නේ කුමක්දැයි පැහැදිලි කිරීම සඳහා මෙම වැකිය ටිකක් අඩු කරමු.
"ශෛල පත්රය" යන වචනය යොමු වන්නේ ලේඛනයමයි. (HTML වැනි, CSS ගොනු ඇත්ත වශයෙන්ම විවිධ වැඩසටහන් සමඟ සංස්කරණය කළහැකි පෙළ ලේඛන වේ). වසර ගණනාවක් තිස්සේ ලේඛන නිර්මාණය සඳහා ස්ටයිල් තහඩු භාවිතා කර ඇත. ඒවා මුද්රණය කිරීම හෝ මාර්ගගත කිරීම සඳහා සැලැස්ම සඳහා තාක්ෂණික පිරිවිතරයන් වේ. මුද්රණ ශිල්පීන් ඔවුන්ගේ මෝස්තරයන් ඔවුන්ගේ පිරිවිතරයන්ට හරියටම මුද්රණය කර ඇති බවට වග බලා ගැනීම සඳහා දිගු කාලීන විලාසිතා තහඩු භාවිතා කර ඇත. වෙබ් පිටුවක් සඳහා ශෛල පත්රයක් එකම අරමුණක් සපයයි, නමුත් ලේඛන නරඹන ආකාරය ඉදිරිපත් කිරීම සඳහා වෙබ් බ්රව්සරයේ එකතු කළ ක්රියාකාරිත්වයත් සමග. වර්තමානයේ, CSS ශෛල පත්රයන්, විවිධ උපාංගයන් සහ තිර ප්රමාණනයන් සඳහා පිටුව දෙස බලන ආකාරය වෙනස් කිරීමට මාධ්ය විමසුම් භාවිතා කළ හැකිය. එය වෙත පිවිසීමට භාවිතා කරන තිරය අනුව එක් HTML ලිපියක් වෙනස් ආකාරයකට දර්ශනය කල හැකි බැවින් මෙය අතිශයින් වැදගත්ය.
කැස්කැඩ් යනු "කැස්ඩැඩින් ස්ටයිල් ෂීට්" යන වචනයේ විශේෂිත කොටසකි. වෙබ් ශෛලියේ පත්රිකාවක් යනු එම ඇලමෙහි මාලවක් ඔස්සේ දිය ඇල්ලක් හරහා ගඟක් වැනි ඇල මාර්ග කිහිපයක් හරහාය. ගංගාවේ ජලය වතුරේ ඇති සියලු පාෂාණයන් ගලා බසින නමුත්, ජලය පතුලේ හරියටම පිහිටා ඇති ස්ථානයට පමණක් බලපානවා. වෙබ් අඩවියේ ශෛල පත්රවල කස්සේඩය සම්බන්ධයෙන්ද මෙයම සත්ය වේ.
වෙබ් අඩවි නිර්මාණකරු කිසිදු විලාසිතාවක් යෙදිය නොහැකි වුවද, සෑම වෙබ් පිටුවකටම අවම වශයෙන් එක් ශෛල පත්රයක් මගින් බලපෑමට ලක් වේ. මෙම ශෛලිය පත්රිකාව භාවිතා කරන්නාගේ නියෝජිතයා විලාසයයි . වෙනත් උපදෙස් ලබා නොදේ නම් වෙබ් බ්රවුසරය පිටුවක් පෙන්වීමට පෙරනිමි මෝස්තර ලෙස හැඳින්වේ. නිදසුනක් ලෙස, පෙරනිමි හයිපර්ලින්ක් නිල් පැහැයෙන් වර්ණ ගැන්වූ අතර ඒවා අවධාරණය කරනු ලැබේ. මෙම විලාසිතා වෙබ් බ්රවුසරයේ පෙරනිමි ආකාරයේ පත්රිකාවෙන් පැමිණේ. කෙසේ වෙතත් වෙබ් නිර්මාණකරු වෙනත් උපදෙස් ලබා දෙයි නම්, බ්රවුසරයට ප්රමුඛතාවයක් ඇති බව දැනගත යුතු වේ. සියලු බ්රව්සරයන්හි තමන්ගේ පෙරනිමි මෝස්තර තිබෙන අතර, ඒවා බොහොමයක් (නිල් අවධාරිත පෙළ සබැඳි වැනි) බොහොමයක් හෝ ප්රධාන බ්රවුසර හා අනුවාද වල බෙදාහරිනු ඇත.
බ්රව්සරයේ පෙරනිමි අගය සඳහා තවත් උදාහරණයක් ලෙස, මගේ වෙබ් බ්රව්සරයේ, ප්රකෘති අකුර " Times New Roman " size 16 හි දර්ශකයේ පෙන්වයි. කෙසේ වෙතත් මම එම ලිපිගොනු සහ ප්රමාණයේ සලකුණු දක්නට නොලැබේ. මෙම කැස්ඩ්රැඩය මඟින් නිර්මාණකරුවන් විසින්ම සකස් කරන ලද දෙවන ශෛලීය පත්රිකා, ෆොන්ටය ප්රමාණය සහ පවුලේ අය නැවත අර්ථ දැක්වීම සඳහා මගේ වෙබ් බ්රවුසරයේ පෙරනිමි අගයන් අභිබවා යෑමට හේතු වේ. වෙබ් පිටුවක් සඳහා ඔබ නිර්මාණය කරන ඕනෑම ශෛල පත්රයක් බ්රව්සරයේ පෙරනිමි මෝස්තරවලට වඩා වැඩි නිශ්චිත බවක් ඇත, එම නිසා ඔබගේ පෙරහුරුවේ තීරු රීති නොසලකා හරිනු ලැබේ. ඔබට ලින්ක් නිල් සහ අවධාරණය කිරීමට සබැඳිව අවශ්ය නම්, ඔබ එය පෙරනිමිය යුතු බැවින් කිසිවක් කිරීමට අවශ්ය නොවේ. නමුත් ඔබේ වෙබ් අඩවිය CSS ගොනුව පවසන්නේ සබැඳි හරිත වර්ණ වන බවය. වර්ණය පෙරනිමි නිල් පැහැයෙන් වර්ණනය කරනු ඇත. ඔබ අවධාරණය නොකරන බැවින්, මෙම උදාහරණයෙහි අවධාරණය වනු ඇත.
CSS භාවිතා කරන්නේ කොහේද?
වෙබ් බ්රවුසරයට වඩා වෙනත් මාධ්යවලදී බැලූ විට වෙබ් පිටු දර්ශනය විය යුතු ආකාරය නිර්ණය කිරීම සඳහා CSS භාවිතා කළ හැකිය. නිදසුනක් ලෙස, වෙබ් පිටුව මුද්රණය කළ යුත්තේ කෙසේද යන්න නිර්වචනය කරන මුද්රණ ශෛල පත්රයක් නිර්මාණය කළ හැකිය. නැව්ගත කිරීමේ බොත්තම් හෝ වෙබ් ආකෘති වැනි වෙබ් පිටු අයිතම මුද්රිත පිටුවක කිසිදු අරමුණක් නොමැති නිසා, පිටුව මුද්රණය කරන විට එම ප්රදේශ "ඉවත්" කිරීමට මුද්රණ විලාසය භාවිතා කළ හැකිය. බොහෝ අඩවි වල පොදු භාවිතයක් නොවූවත්, මුද්රණ ශිලා ලේඛන නිර්මාණය කිරීමේ විකල්පය ප්රබල සහ ආකර්ශනීයයි (මගේ අත්දැකීම් වලදී - බොහෝ වෙබ් වෘත්තිකයින් එසේ නොකරන්නේ මෙම වෙබ් අඩවියේ පරාසයේ විෂය පථය මෙම අතිරේක වැඩ කිරීම සඳහා කැඳවීමට නොවේ ).
CSS වැදගත් වන්නේ ඇයි?
CSS යනු වෙබ් නිර්මාණකරුවෙකුට ඉගෙන ගත හැකි වඩාත්ම ප්රබල මෙවලමකි. එය වෙබ් අඩවියක සමස්ත දෘශ්ය පෙනුම කෙරෙහි ඔබට බලපෑම් කළ හැකිය. හොඳින් ලිඛිත ශෛල පත්රයන් ඉක්මණින් යාවත්කාලීන කළ හැකි අතර, වෙබ් අඩවි වලට දර්ශනීයව ප්රමුඛත්වය ලබා දෙයි. එමගින්, නරඹන්නන් වෙත වටිනාකම් සහ අවධානය යොමු කිරීම, යටින් පවතින HTML සලකුණු වලට අවශ්ය වෙනස්කම් සිදු නොකරනු ඇත.
CSS හි ප්රධානතම අභියෝගය වන්නේ ඉගෙනීම සඳහා බොහෝ දේ ඇති අතර, බ්රවුසරය සෑම දිනකම වෙනස්වන විට, අද හොඳින් ක්රියා කළ හැකි හෙයින් නව විලාසිතාවන්ට සහයෝගය දෙන අතර හෙට තවත් හේතුවක් හෝ වෙනත් හේතුවක් නිසා පක්ෂපාතීව හෝ වැටී ඇත. .
විවිධ CSS වලට විවිධාකාරයෙන් අර්ථ නිරූපණය කළ හැකි සහ ඒවා ක්රියාත්මක කිරීමට විවිධ බ්රව්සර් භාවිතා කළ හැකි වන පරිදි CSS කළ හැකි බැවින්, CSS වලට master කිරීමට වඩා අපහසු විය හැක. HTML ඇත්ත වශයෙන්ම HTML නොවන ආකාරයෙන් CSS ද බ්රවුසරයේ වෙනස් වේ. කෙසේ වෙතත්, ඔබ CSS භාවිතා කරන විට, ඔබට පෙනෙන ආකාරයට ශෛල පත්රවල බලය උපයෝගී කර ගනිමින් වෙබ් පිටු සැකසීමට හා ඔවුන්ගේ පෙනුම සහ හැඟීම අර්ථවත් කිරීමට ඔබට නොහැකි තරම් නම්යශීලීත්වයක් ලබා දෙනු ඇත. මාර්ගයේ දී, ඔබට අතීතයේ දී වැඩ කළ විලාසයන් හා ප්රවේශයන් පිළිබඳ "උපක්රම කට්ටලයක්" ඔබ රැස් කර, සහ ඔබ අනාගතයේදී නව වෙබ් පිටු තැනීමේදී ඔබ නැවත හැරවිය හැකිය.
ජෙනිෆර් ක්රිනින්ගේ මුල් ලිපියක්. ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරන ලද්දේ 7/5/17,