පේළි, රාමු සහ බාහිර ශිලා පත්රය: ඔබ දැනගත යුතු දේ මෙන්න
ඉදිරිපස-අන්ත වෙබ් අඩවි සංවර්ධනය බොහෝ විට තුනී පාදයක් ලෙස නිරූපනය වේ. මෙම කකුල් පහත පරිදි වේ.
මෙම පුටුවෙහි දෙවන කොටස, CSS හෝ කැස්කැඩින් ස්ටයිල් ෂීට් අද අප මෙහි දි දෙස බලන්නෙමු. නිශ්චිතවම, අප ඔබට ලියවිල්ලකට එකතු කළ හැකි 3 ආකාරයේ විලාසයන් ඇමතීමට අවශ්ය වේ.
- පේළි විලාසිතා
- සංයුක්ත ශෛලීන්
- බාහිර විලාසිතා
මෙම CSS වර්ගයේ සෑම වර්ගයකටම ඔවුන්ගේ ප්රතිලාභ සහ අඩුපාඩු තිබේ. එබැවින් ඒවා එකිනෙකට ගැඹුරින් බලමු.
පේළි ස්ටයිල්ස්
පේළි විලාසයන් යනු HTML ලේඛනයේ සෘජුවම ලියා ඇති ශෛලීය. පේළි විලාසයන් බලපාන විශේෂිත ටැගය පමණක් බලපායි. මෙන්න සම්මත සබැඳියක් සඳහා ආකෘතියේ යෙදුමක් උදාහරණයක් හෝ ඇන්කර්, ටැගයක් වේ:
මෙම CSS රීතිය මඟින් මෙම සබැඳියෙහි පාඨමය අලංකාරය අවලංගු කර ඇත. කෙසේ වෙතත්, පිටුවෙහි වෙනත් සබැඳියක් වෙනස් නොකරනු ඇත. මෙය පේළි රේඛාවල සීමාවන්ගෙන් එකකි. නිශ්චිත අයිතමයක් මත පමණක් වෙනස් වන නිසා, ඔබට සැබෑ මෝස්තරයක් සපුරා ගැනීම සඳහා ඔබට ඔබගේ HTML භාවිතා කිරීමට අවශ්ය වනු ඇත. එය හොඳම භාවිතාව නොවේ. ඇත්ත වශයෙන්ම, එය "ෆොන්ට" ටැග් වලින් ඉවත් කරන ලද එක් පියවරක් සහ වෙබ් පිටු වල ව්යුහය සහ ස්වරූපය මිශ්රණය ඉවත් කර ඇත.
ආලේඛ්ය විලාසිතා ඉතා ඉහළ නිශ්චිතතාවයක් ඇත.
මෙය අනිත්, අනර්ග විලාසයන් සමඟ උඩින් ලිවීමට ඉතා අපහසු වේ. උදාහරණයක් ලෙස, වෙබ් අඩවියට ප්රතිචාර දැක්වීමට සහ වෙබ් අඩවි විමසුම් භාවිතා කරමින් කිසියම් අංග ලක්ෂනයක් දෙස බලන්නේ කෙසේදැයි වෙනස් කිරීමට ඔබට අවශ්ය නම්, එය අංගෝපාංගයේ ආකෘති විලාසයන් විසින් මෙය ඉතා අපහසු කරනු ඇත.
අවසාන වශයෙන්, සරල විලාසිතාවන් භාවිතා කිරීම ඉතාම සරිලන ලෙස භාවිතා කළ විට ඒවා සුදුසුය.
සැබවින්ම, මම මගේ වෙබ්පිටු වලදී මාළු ඇඳුම භාවිතා නොකරමි.
Embedded ස්ටයිල්ස්
Embedded styles යනු ලේඛනයේ හිස තුළ ඇති ශෛලීන් වේ. Embedded විලාසිතයන් ඒවාට ඇතුළත් කර ඇති පිටු පමණක් ඇති ටැග පමණක් බලපායි. නැවත වරක් මෙම ප්රවේශය CSS හි ශක්තීන්ගෙන් එකකි. සෑම පිටුවකටම විලාසිතා ඇත
, ඔබට වෙබ් අඩවි වෙනස්කම් සිදු කිරීමට අවශ්ය නම්, රතු සිට කොළ පැහැයෙන් දක්වා හරවන්න, වැනි ආකාරයට, සෑම පිටුවකටම මෙම වෙනස සිදු කිරීමට අවශ්ය වේ. මෙය ආකෘතියට වඩා හොඳ වේ, නමුත් බොහෝ අවස්ථාවලදී ගැටළුකාරී වේ.
එකතු කරන ලද ස්ටයිස්ට්
ලේඛනයේ ද එම පිටුවට සැලකිය යුතු ප්රමාණයේ සලකුණු කේතයක් එකතු කරනු ලබන අතර, අනාගතයේ දී කළමණාකරණය කිරීමට පිටුව වඩාත් අපහසු වේ.
රෑපරාගත් ශෛල පත්රවල වාසිය නම් පිටුව සමඟම වහාම පැටවීම සඳහා වෙනත් බාහිර ගොනු අවශ්ය වේ. බාගත වේගයකින් හා කාර්ය සාධක ඉදිරිදර්ශනයකින් මෙය ප්රයෝජනවත් විය හැකිය .
බාහිර ස්ටෙලි පත්ර
බොහෝ වෙබ් අඩවි අද බාහිර විලාසිතා පත්රවල භාවිතා කරයි. බාහිර ස්වරූපය වෙනම ලියවිල්ලක ලියා ඇති අතර ඒවා විවිධ වෙබ් ලේඛනවලට අනුයුක්ත කර ඇත. බාහිර ශෛල පත්රයන් ඒවාට සම්බන්ධ කරන ඕනෑම ලේඛනයකට බලපෑම් කළ හැකිය, එයින් අදහස් කරන්නේ සෑම පිටුවකම එකම ශෛලියක් භාවිතා කරන පිටු 20 කින් යුත් වෙබ් අඩවියක් (මෙය සාමාන්යයෙන් සිදු වන්නේ කෙසේද) එම පිටුවල සරල සංස්කරණ මෙම පිටුවෙහි අඩංගු වේ.
මෙය දිගුකාලීන වෙබ් අඩවි කළමනාකරණය පහසු කරවයි.
බාහිර ශිලා පත්රය වෙත බැල්ම යනු එම පිටු බාහිර ගොනු වෙත ගෙනයාම සඳහා පිටු අවශ්යය. සෑම පිටුවක්ම CSS පත්රයෙහි සෑම ශෛලියක්ම භාවිතා නොකරනු ඇත, එබැවින් බොහෝ පිටු සැබැවින්ම අවශ්ය වන පරිදි වඩා විශාල CSS පිටුව පැටවීම කරනු ඇත.
බාහිර CSS ගොනු සඳහා කාර්යසාධන පහරක් ඇති බව සත්යයක් වුවද එය නිසැකවම අවම කළ හැක. සැබැවින්ම, CSS ගොනු යනු පෙළ ගොනුවක් පමණි. එබැවින් ඒවා ආරම්භ කිරීම සඳහා ඉතා විශාල නොවේ. ඔබේ සම්පූර්ණ වෙබ් අඩවිය 1 CSS ගොනුවක් භාවිතා කරන්නේ නම්, එය මුලින් පටවනු ලැබූ පසු එම ලේඛනයේ ඇති කැචේණිගත කර ඇත.
මෙයින් අදහස් කරන්නේ මුල් පිටුවෙහි සුළු පිටුවක් අඩුවීමක් ඇතිවිය හැකි බවයි, නමුත් පසු පිටු විසින් කේතීච් CSS ගොනුව භාවිතා කරනු ඇති නිසා ඕනෑම පහරක් නිෂේධනය කරනු ලැබේ. බාහිර CSS ගොනු යනු මගේ සියලු වෙබ් අඩවි තනන ආකාරයයි.