CSS විවරණයක් ඇතුළත් කර ගන්නේ කෙසේද?

ඔබගේ CSS කේතයේ අදහස් ඇතුළත් කිරීම ප්රයෝජනවත්ය.

සෑම වෙබ් අඩවියක්ම ව්යුහමය මූලද්රව්ය (HTML විසින් නිර්දේශ කරනු ලබන) මෙන්ම වෙබ් අඩවියේ දෘශ්ය ශෛලිය හෝ "පෙනුම සහ හැඟීම" සමන්විත වේ. කැස්කැඩින් ස්ටයිල් ෂීට් (CSS) යනු වෙබ් අඩවියක දෘශ්ය පෙනුම නිර්දේශ කිරීම සඳහා භාවිතා කරනු ලැබේ. මෙම විලාසයන් HTML ව්යුහයෙන් වෙන් කොට තබා ඇති අතර, වෙබ් අඩවි ප්රමිතියට අනුකූල වීම හා ඒවාට අනුගත වීම පහසු කරවයි.

වර්තමානයේ බොහෝ වෙබ් අඩවිවල සංකීර්ණත්වය නිසා, ශෛල පත්රාවලට ඉතා ඉක්මණින් හා ඉතා වැඩදායක වීමට හැකි වේ. ප්රතිචාරාත්මක වෙබ් අඩවි මෝස්තර සඳහා මාධ්ය විමසුම් එකතු කිරීම ආරම්භ කිරීම විශේෂයෙන්ම සත්යයකි. මෙම මාධ්ය විමසීම් පමණක් CSS ලේඛනයට සැලකිය යුතු තරම් නව මෝස්තර එකතු කළ හැකි අතර එය සමඟ වැඩ කිරීම වඩාත් අපහසු වේ. CSS විවරණය වෙබ් අඩවියක අගනා උපකාරයක් විය හැකිය.

වෙබ් අඩවියේ CSS ගොනුවට අදහස් දැක්වීමක් එකතු කිරීම ලේඛනය සමාලෝචනය කරන මානව පාඨකයා සඳහා එම කේතයෙහි කොටස් වලට ව්යුහය ව්යුහයට එක් කිරීම සඳහා විශිෂ්ට ක්රමයකි. අනාගතයේදී වෙබ් අඩවියේ වැඩ කිරීමට සිදු විය හැකි වෙබ් වෘත්තිකයෙකුට එම මෝස්තර පැහැදිලි කිරීම සඳහා වූ සුන්දර ක්රමයකි.

අවසානයේදී, මනාව එකතු කරන ලද CSS විවරණ මගින් තීන්ත පත්රයක් සැකසීමට පහසු වනු ඇත. ඇත්ත වශයෙන්ම, කණ්ඩායම් විසින් සංස්කරණය කරනු ලබන ශෛල පත්ර සඳහා වැදගත් වේ. දැනටමත් කේතය හුරුපුරුදු නොවූ කණ්ඩායමේ විවිධ සාමාජිකයින්ට ශෛලිය පත්රයේ වැදගත් අංගයන් සන්නිවේදනය කිරීමට අදහස් කළ හැකිය. සමහර අවස්ථාවලදී එය ඈත අතීතයට යන්නේ නම්, එම කේතය නැවත ලබා ගතහොත්, එම වෙබ් අඩවියේ වැඩ කළ පුද්ගලයින්ට මෙම අදහස් දැක්විය හැකිය. මාස කිහිපයකින් හෝ වසර ගණනාවකට පෙර ඉදි කළ වෙබ් අඩවියක් සංස්කරණය කිරීමට මා හට බොහෝ විට HTML සහ CSS තුළ හොඳින් ආකෘතිකරණය කරන ලද අදහස් තිබීම ඉතා සාදරයෙන් පිළිගනිමි! මතක තබාගන්න, ඔබ වෙබ් අඩවියක් ගොඩනඟන නිසා ඔබ අනාගතයේදී එම වෙබ් අඩවියට නැවත පැමිණෙන විට ඔබ කළ දේවල් ඔබ කළේ ඇයි දැයි මතක තබාගන්න එපා. අදහස් දැක්වීමෙන් ඔබේ වුවමනාවන් පැහැදිලිව සහ ඒවාට වැටීමට පෙර යම් වරදවා වටහාගැනීමක් සිදු කළ හැකිය.

CSS විවේචන පිළිබඳ අවබෝධයක් එක් දෙයක් වන්නේ වෙබ් බ්රව්සර තුළ පිටුව මගින් පෙන්වන විට ඒවා ප්රදර්ශනය නොකරන බවයි. මෙම අදහස් දැක්වීම් තොරතුරු සඳහා පමණි, HTML විලංගු වැනි (හරියටම දෙයාකාරයන් අතර වෙනස). මෙම CSS විවේචන කිසියම් ආකාරයක වෙබ් අඩවිවල දෘශ්ය දර්ශනයට හා බලපෑමට හසු නොවන අතර ඒවායේ කේතය තුළ පමණක් දක්වනු ලැබේ.

CSS අදහස් එකතු කිරීම

CSS විවරණය එකතු කිරීම ඉතා පහසු ය. ඔබ නිවැරදිව ආරම්භක සහ අවසන් වීම් විවරණය ටැග් වලින් ඔබේ අදහස් දැක්වීමට පුරුදු වන්න.

• / * * ඔබේ අදහස් පළ කරන්න .
• * /

මෙම ටැග් දෙක අතර ඇතිවන ඕනෑම දෙයක් වනු ඇති අතර, එහි දැක්වෙන අන්තර්ගතයේ දැක්වෙනුයේ, බ්රවුසරයේ නොපෙන්වූ කේතයෙහි පමණක් පමණි.

CSS විවරණයක් එක් රේඛාව විය හැකිය, නැතහොත් එය බොහෝ රේඛා ගත හැක. මෙන්න එක් පේළි නිදසුනක්:

div # border_red {සීමාව: සිහින් රතු රතු; } / * රතු දේශ සීමාවේ උදාහරණ * /

බහුලම උදාහරණයක්:

/ *************************** ********************** ****** කේතය සඳහා වූ අකුරු **************************** ************ *************** /

බිඳ වැටීම් අංශ

මම බොහෝ විට CSS විචාරයන් භාවිතා කරන එක් ක්රමයක් වන්නේ කුඩා, වඩා පහසුවෙන් නොගැලපෙන කුකුළු වල මාගේ මෝස්තරය සකස් කිරීමයි. පසුව මම ගොනුව සොයා බැලීමේදී මෙම කොටස් පහසුවෙන්ම දැක ගත හැකිය. මෙය සිදු කිරීම සඳහා, මම බොහෝ අවස්ථාවලදී, මම ඉක්මණින් කේතය හරහා ගමන් කර ඇති බැවින් පහසුවෙන් දැකිය හැකි විශාල, පැහැදිලිව කැඩී ඇති වෙබ් අඩවි මගින් ඒවායේ කෙටි ඉඟි සමඟ අදහස් දක්වන්නෙමි. උදාහරණයක් ලෙස:

/ * ----------------------- ශීර්ෂ ශෛලීන් ----------------------- ------- * /

මගේ කේතයෙහි එක් ප්රකාශයක් මා දුටු විට, එම ලේඛනයේ නව කොටසේ ආරම්භය, එය වඩාත් පහසුවෙන් සැකසීමට සහ භාවිතා කිරීමට මට ඉඩ සලසයි.

& # 34; ප්රතිචාර දක්වමින් & # 34; කේතය

Comment ටැග්ස් පිටුවක කේතීකරණ හා දෝෂ හීදී සැබෑ ක්රියාවලියක දී ප්රයෝජනවත් විය හැකිය. එම කොටුව පිටුවෙහි කොටසක් නොවේ නම් කුමක් සිදුවිය හැකි දැයි බැලීමට මෙම කේතයේ "comment" හෝ "off" යන ක්ෂේත්ර සඳහා අදහස් දැක්වීමට යොදා ගත හැකිය.

ඉතින් කොහොමද මේ වැඩ කරන්නේ? හොඳයි, ප්රතිචාර සටහන් ටැග් බ්රවුසරයට කියනවා, ඒවා අතර සියල්ල නොසලකා හැරීම නිසා, CSS කේතයේ ඇතැම් කොටස් තාවකාලිකව අක්රීය කිරීමට ඔබට ඒවා භාවිතා කළ හැකිය. මෙය දෝෂහරණය කිරීමේදී හෝ වෙබ් පිටු හැඩතල ගැන්වීමේදී ප්රයෝජනවත් විය හැකිය.

මෙය සිදු කිරීම සඳහා, ඔබ විසින් ආරම්භක විවේචන ටැග් එක අක්රීය කිරීමට ආරම්භ කිරීමට අවශ්ය වන අතර ඉන් පසුව ආබාධිත කොටස අවසන් කිරීමට අවශ්ය වන එම අවසන් ටැගය තබන්න. මෙම ටැග් අතර ඇති සෑම දෙයක්ම වෙබ් අඩවියේ දෘශ්ය දර්ශනය කෙරෙහි බලපානු නොලැබේ. ගැටළුවක් සිදුවිය හැකි ස්ථානයක් සොයා ගැනීමට CSS දෝෂහරණය කිරීමට ඉඩ ලබා දේ. එවිට ඔබට එම ගැටළුව නිවැරදි කර කේතයේ ඇති අදහස් ඉවත් කළ හැකිය.

CSS Commenting Tips

සමාලෝචනයක් ලෙස, ඔබේ CSS හි ඇති අදහස් භාවිතා කිරීම සඳහා මතක තබා ගැනීමට උපදෙස් කිහිපයක් පහත දැක්වේ:

1. අදහස් කිහිපයක් පේළි රැසක් ගත හැකිය.
2. බ්රව්සර් මඟින් ඔබට අවශ්ය නොවන CSS මූලද්රව්ය ඇතුළත් කළ හැකි නමුත් සම්පූර්ණයෙන්ම මැකීමට අවශ්ය නොවේ. මෙය වෙබ් අඩවිවල ශිලාලිපි වින්යාස කිරීම සඳහා හොඳ ක්රමයකි - නොකළ භාවිත ශෛල ඉවත් කිරීමට වග බලා ගන්න (ඒවාට පිටවීමට අදහස් දක්වන්නට වඩා) ඔබ වෙබ් අඩවියේ අවශ්ය නොවේ නම්
3. ඔබ පැහැදිලි කිරීම් එකතු කිරීම හා අනාගත සංවර්ධකයින්, හෝ අනාගතයේදී ඔබ දැනගත යුතු වැදගත් දේවල් ගැන අනාගතය ගැන දැනුවත් කිරීමට CSS සංකීර්ණ CSS ලිවීමේදී භාවිතා කරන්න. මේ සඳහා දායකත්වය සපයන සියලු දෙනා සඳහා අනාගත සංවර්ධන කාලය සුරැකෙනු ඇත.
4. ප්රතිචාර වැනි මෙටා තොරතුරු ද ඇතුළත් කළ හැකිය:
   • කර්තෘ
   • දිනය සෑදී ඇත
   • හිමිකම් තොරතුරු

කාර්ය සාධනය

අදහස් දැක්වීම නිසැකවම ප්රයෝජනවත් විය හැකි නමුත්, ඔබ විලාසිතා පත්රයක් එකතු කරන ලද වැඩි විස්තර, වෙබ් අඩවියේ බාගැනීමේ වේගය හා ක්රියාකාරීත්වය කෙරෙහි බලපායි. මෙය සැබැවින්ම කනස්සල්ලක් වන නමුත්, කාර්ය සාධනය දුක් විඳීමට බිය වීම සඳහා උපකාරශීලී සහ නීත්යානුකූල අදහස් එක් කිරීමට ඔබ පසුබට නොවිය යුතුය. CSS රේඛා ලේඛනයේ සැලකිය යුතු ප්රමාණ එකතු නොකරයි. CSS ගොනුවේ විශාලත්වය මත සැලකිය යුතු බලපෑමක් ඇති කිරීම සඳහා ඔබට ටෝනස් ටෝනස් එකතු කිරීමට අවශ්ය වනු ඇත. ඔබගේ CSS වෙත ප්රයෝජනවත් අදහස් කිහිපයක් එක් කිරීම, පිටු වේගයේ ශුද්ධ ඍණාත්මක බලපෑමක් ලබා නොදිය යුතුය.

අවසානයේ දී, ප්රයෝජනවත් අදහස් සහ ඔබේ CSS ලේඛනවල ඇති ප්රතිලාභ ලබා ගැනීම සඳහා ප්රමාණවත් බොහෝ අදහස් දැක්වීමට ඔබට අවශ්ය වනු ඇත.

ජෙනිෆර් ක්රිනින්ගේ මුල් ලිපියක්. 7/5/17 ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරන ලදි