എങ്ങനെയാണ് ഒരു CSS കമന്റ് ഇൻസേർട്ട് ചെയ്യുക

നിങ്ങളുടെ CSS കോഡിലെ അഭിപ്രായങ്ങൾ ഉൾപ്പെടുത്തുന്നത് ഉപകാരപ്രദമാണ്.

എല്ലാ വെബ്സൈറ്റുകളും ഘടനാപരമായ ഘടകങ്ങളാൽ നിർമ്മിക്കപ്പെട്ടവയാണ് (അവ ഹാൻറീഡ് എച്ച്ടിഎംഎൽ നിർദേശിക്കുന്നത്) അതുപോലെ വിഷ്വൽ സ്റ്റൈൽ അല്ലെങ്കിൽ ആ സൈറ്റിന്റെ "ലുക്ക് ആസ്ക്". ഒരു വെബ്സൈറ്റിന്റെ ദൃശ്യപരതയെ വെളിപ്പെടുത്താൻ ഉപയോഗിക്കുന്ന സ്റ്റൈൽ ഷീറ്റുകൾ (CSS) നിർമിക്കുന്നതാണ്. ഈ രീതികൾ HTML ഘടനയിൽ നിന്ന് വേർതിരിച്ച് സൂക്ഷിക്കുന്നു, ഇത് വെബ് സ്റ്റാൻഡേർഡുകളെ പുതുക്കാനും എളുപ്പമാക്കാനും അനുവദിക്കുന്നു.

ഇന്ന് പല വെബ്സൈറ്റുകളുടെയും സങ്കീർണ്ണത വലുപ്പം കൊണ്ട്, ശൈലേഷ് ഷീറ്റുകൾ വേഗത്തിൽ പ്രവർത്തിക്കാൻ വളരെ ദൈർഘ്യമേറിയതും സങ്കീർണ്ണവുമായേക്കാം. പ്രതികരിക്കുന്ന വെബ്സൈറ്റിന്റെ ശൈലികൾക്കായി നിങ്ങൾ മീഡിയ അന്വേഷണങ്ങളിൽ ചേർക്കുന്നത് ആരംഭിക്കുമ്പോൾ ഇത് പ്രത്യേകിച്ചും സത്യമാണ്. ആ മീഡിയ ചോദ്യങ്ങൾ ഒറ്റയ്ക്ക് മാത്രം പുതിയ സ്റ്റൈലുകൾ ഒരു CSS ഡോക്യുമെന്റിൽ ചേർത്ത് അതിനെ പ്രവർത്തിക്കാൻ പോലും ബുദ്ധിമുട്ടാക്കുന്നു. ഇവിടെയാണ് CSS ലെ അഭിപ്രായങ്ങൾ ഒരു വെബ്സൈറ്റിൽ വിലമതിക്കാനാവാത്ത സഹായമായി മാറിയത്.

ഒരു വെബ്സൈറ്റിന്റെ CSS ഫയലുകളിലേക്ക് അഭിപ്രായങ്ങൾ ചേർക്കുന്നത് ഡോക്യുമെന്റിന്റെ അവലോകനം ചെയ്യുന്ന ഒരു മാനുവൽ വായനക്കാരന് ആ കോടിയുടെ ഭാഗങ്ങളിൽ ഘടന ചേർക്കുന്നതിനുള്ള മികച്ച മാർഗമാണ്. ഭാവിയിൽ സൈറ്റിൽ പ്രവർത്തിക്കാൻ കഴിയുന്ന ഒരു വെബ് പ്രൊഫഷണലിന് ആ രീതിയിലുള്ള ശൈലികൾ വിശദീകരിക്കുന്നതിനുള്ള മികച്ച മാർഗമാണിത്.

ഒടുവിൽ, മികച്ച രീതിയിൽ ചേർത്ത കമന്റ് അഭിപ്രായങ്ങൾ ശൈലി ഷീറ്റ് എളുപ്പമാക്കും. ടീമുകൾ എഡിറ്റ് ചെയ്യുന്ന ശൈലി ഷീറ്റുകൾക്ക് ഇത് തീർച്ചയായും പ്രാധാന്യമാണ്. സ്റ്റൈൽ ഷീറ്റിന്റെ പ്രധാന വശങ്ങൾ ആശയവിനിമയം നടത്തുന്നതിന് അഭിപ്രായങ്ങൾ ഉപയോഗിച്ചേക്കാം, ഇത് ഇതിനകം തന്നെ കോഡ് പലതവണ പരിചയപ്പെടാനിടയുള്ള ടീമിന്റെ വ്യത്യസ്ത അംഗങ്ങൾക്ക്. കുറച്ചു നാളായി അതിൽ നിന്നും അകന്നു കഴിഞ്ഞാൽ, കോഡിൽ പ്രവർത്തിപ്പിക്കുന്നതിന് മുമ്പ് സൈറ്റിൽ പ്രവർത്തിച്ച ആളുകൾക്ക് ഈ അഭിപ്രായങ്ങൾ വളരെ സഹായകരമാണ്. ഞാൻ പലപ്പോഴും മാസങ്ങളോ വർഷങ്ങളോ മുന്പ് നിർമിച്ച ഒരു വെബ്സൈറ്റ് എഡിറ്റ് ചെയ്യേണ്ടതായിട്ടുണ്ട്, കൂടാതെ HTML, CSS എന്നിവയിൽ നന്നായി ഫോർമാറ്റുചെയ്ത കമന്റ്സ് വളരെ സ്വാഗതാർഹമാണ്. ഓർമ്മിക്കുക, നിങ്ങൾ ഒരു സൈറ്റ് നിർമ്മിച്ചതുകൊണ്ട്, നിങ്ങൾ ആ സൈറ്റിൽ തിരികെ എത്തുമ്പോൾ നിങ്ങൾ ചെയ്ത കാര്യങ്ങൾ എന്തുകൊണ്ടാണ് നിങ്ങൾ ഓർത്തുവെന്നത് അർത്ഥമാക്കുന്നത്! നിങ്ങളുടെ ഉദ്ദേശ്യങ്ങൾ തെറ്റിദ്ധരിക്കാനും അവർക്ക് തെറ്റിദ്ധാരണകൾ ഉണ്ടാക്കുവാനും സാധിക്കും.

വെബ് ബ്രൌസറുകളിൽ പേജ് റെൻഡർ ചെയ്യുമ്പോൾ അവ പ്രദർശിപ്പിക്കില്ല എന്നതാണ് CSS അഭിപ്രായങ്ങളെക്കുറിച്ച് മനസ്സിലാക്കാൻ. ഈ അഭിപ്രായങ്ങൾ HTML പ്രമാണങ്ങൾ പോലെയാണെങ്കിൽ (അവയ്ക്കിടയിൽ വാക്യഘടന വ്യത്യസ്തമാണ്). ഈ CSS അഭിപ്രായങ്ങൾ ഒരു സൈറ്റിന്റെ ദൃശ്യ ഡിസ്പ്ലേയെ ബാധിക്കില്ല, മാത്രമല്ല അവ കോഡിലുൾപ്പെടെയുമുണ്ട്.

CSS അഭിപ്രായങ്ങൾ ചേർക്കുന്നു

ഒരു CSS കമന്റ് ചേർക്കുന്നത് വളരെ എളുപ്പമാണ്. നിങ്ങളുടെ അഭിപ്രായം നിങ്ങൾ ശരിയായ തുറന്നതും അടയ്ക്കൽ അഭിപ്രായ ടാഗുകളുമായും മാത്രം ബുക്ക്മാർക്ക് ചെയ്യുന്നു:

• / ചേർത്തുകൊണ്ട് നിങ്ങളുടെ അഭിപ്രായം ആരംഭിക്കുക
• നിങ്ങളുടെ അഭിപ്രായം അടയ്ക്കുക * /

ഈ രണ്ട് ടാഗുകൾക്കിടയിൽ ദൃശ്യമാകുന്ന എന്തും, ഉള്ളടക്കത്തിന്റെ ഉള്ളടക്കം ആയിരിക്കും, കോഡിൽ മാത്രം ദൃശ്യമാകും, ബ്രൗസർ റെൻഡർ ചെയ്യാത്തതുമാണ്.

ഒരു CSS അഭിപ്രായം ഒരൊറ്റ വരി ആയിരിക്കാം, അല്ലെങ്കിൽ ഇതിന് ഒന്നിലധികം വരികൾ എടുക്കാം. ഇവിടെ ഒരൊറ്റ ലൈൻ ഉദാഹരണമാണ്:

div # border_red {border: thin solid ചുവപ്പ്; } / * ചുവന്ന ബോർഡർ ഉദാഹരണം * /

ഒരു ബഹുമുഖ മാതൃക:

/ *************************** ********************** ****** കോഡിന്റെ ടെക്സ്റ്റിനുള്ള ശൈലി **************************** ************ *************** /

സെക്ഷനുകൾ ബ്രേക്ക് ഔട്ട്

ഞാൻ പലപ്പോഴും CSS അഭിപ്രായങ്ങൾ ഉപയോഗിക്കുന്ന വഴികളിൽ ഒന്ന്, എന്റെ ശൈലി ഷീറ്റിനെ ചെറുതും കൂടുതൽ എളുപ്പത്തിൽ വിഘസിക്കുന്ന കഷണങ്ങളാക്കി സംഘടിപ്പിക്കുക എന്നതാണ്. ഞാൻ പിന്നീട് ഫയൽ പരിശോധിക്കുമ്പോൾ ഈ വിഭാഗങ്ങൾ എളുപ്പത്തിൽ കാണാൻ സാധിക്കും. ഇത് ചെയ്യാൻ, ഞാൻ പലപ്പോഴും അവർ ഹൈഫൻസ് അഭിപ്രായങ്ങൾ ചേർക്കുക അങ്ങനെ അവർ വളരെ വേഗത്തിൽ കോഡ് സ്ക്രോൾ പോലെ കാണുന്ന പേജിൽ വ്യക്തമായ, വ്യക്തമായ ബ്രേക്കുകൾ നൽകുന്നു. ഒരു ഉദാഹരണം ഇതാ:

/ * ----------------------- ശീർഷക സ്റ്റൈലുകൾ ----------------------- ------- * /

ഞാൻ ഈ കോഡുകളിൽ ഒരു കോഡ് എന്റെ കോഡിൽ കാണുമ്പോൾ, ആ പ്രമാണത്തിലെ ഒരു പുതിയ വിഭാഗത്തിന്റെ തുടക്കമാണെന്ന് എനിക്കറിയാം, ഇത് കോഡ് കൂടുതൽ എളുപ്പത്തിൽ പ്രോസസ് ചെയ്യാനും ഉപയോഗിക്കാനും ഞാൻ അനുവദിക്കുന്നു.

& # 34; അഭിപ്രായമിടുക & # 34; കോഡ്

ഒരു കോഡിംഗ്, ഡീബഗ്ഗ് ചെയ്യുന്നതിന്റെ യഥാർത്ഥ പ്രക്രിയയിൽ അഭിപ്രായം ടാഗുകൾ ഉപയോഗപ്രദമാകും. ഈ വിഭാഗം പേജിന്റെ ഭാഗമല്ലെങ്കിൽ എന്ത് സംഭവിക്കുന്നു എന്ന് കാണുന്നതിന് "അഭിപ്രായമിടാൻ" അല്ലെങ്കിൽ "കോഡ് ഓഫ്" ഭാഗങ്ങൾ ഉപയോഗിക്കാനും അഭിപ്രായങ്ങൾ ഉപയോഗിക്കാനാകും.

അപ്പോൾ ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നു? നന്നായി, അഭിപ്രായം ടാഗുകൾ അവയ്ക്കിടയിൽ എല്ലാം അവഗണിക്കാൻ ബ്രൗസറോട് ആവശ്യപ്പെടുന്നതിനാൽ, നിങ്ങൾക്ക് CSS കോഡ് ചില ഭാഗങ്ങൾ താൽക്കാലികമായി അപ്രാപ്തമാക്കാൻ അവ ഉപയോഗിക്കാനാകും. ഡീബഗ്ഗിങ് ചെയ്യുമ്പോഴോ വെബ് പേജ് ഫോർമാറ്റിങ് ക്രമീകരിക്കുമ്പോഴോ ഇത് ഹാൻഡി ആകാം.

ഇതിനായി, ഓപ്പൺ കമന്റ് ടാഗ് ചേർക്കണം, അതിൽ ഡിസ്പ്ലേ തുടങ്ങുന്നത് ഒഴിവാക്കണം, തുടർന്ന് അവസാനിക്കുന്ന ടാഗ് അവസാനിപ്പിക്കുക. ആ ടാഗുകൾക്കിടയിലുള്ള എല്ലാം ഒരു സൈറ്റിന്റെ ദൃശ്യ പ്രദർശനത്തെ ബാധിക്കില്ല, ഒരു പ്രശ്നം സംഭവിക്കുന്നത് എവിടെയാണ് എന്ന് കാണാൻ ഡീബഗ് ചെയ്യാൻ നിങ്ങളെ അനുവദിക്കുന്നു. നിങ്ങൾക്ക് തുടർന്ന് ആ പ്രശ്നം പരിഹരിക്കാനും കോഡ് എന്നതിൽ നിന്ന് അഭിപ്രായങ്ങൾ നീക്കം ചെയ്യാനും കഴിയും.

CSS അഭിപ്രായമിടുന്നതിനുള്ള നുറുങ്ങുകൾ

ഒരു പുനരാരംഭിയ്ക്കായി, നിങ്ങളുടെ CSS- ൽ അഭിപ്രായങ്ങൾ ഉപയോഗിക്കുന്നതിന് ഓർമ്മയിൽ ചില നുറുങ്ങുകൾ ഇതാ:

1. അഭിപ്രായങ്ങൾ ഒന്നിലധികം വരികൾ സ്പാൻ ചെയ്യാൻ കഴിയും.
2. ഒരു ബ്രൗസർ റെൻഡർ ചെയ്യാൻ ആഗ്രഹിക്കാത്ത CSS ഘടകങ്ങളിൽ അഭിപ്രായങ്ങൾ ഉൾപ്പെടുത്താവുന്നതാണ്, പക്ഷേ പൂർണ്ണമായും ഇല്ലാതാക്കാൻ ആഗ്രഹിക്കുന്നില്ല. ഇത് ഒരു വെബ്സൈറ്റിന്റെ ശൈലി ഷീറ്റുകൾ ഡീബഗ് ചെയ്യുന്നതിനുള്ള ഒരു നല്ല മാർഗമാണ് - വെബ്സൈറ്റിൽ അവ ആവശ്യമില്ല എന്ന് നിങ്ങൾ തീരുമാനിച്ചാൽ, ഉപയോഗശൂന്യമായ ശൈലികൾ നീക്കംചെയ്യുകയാണെങ്കിൽ (അവ അഭിപ്രായമിടുന്നതിന് വിരുദ്ധമായി)
3. നിങ്ങൾക്ക് സങ്കീർണ്ണമായ CSS എഴുതുന്ന സമയത്ത് അഭിപ്രായങ്ങൾ വ്യക്തമാക്കുകയും ഭാവിയിൽ ഡെവലപ്പർമാരെ അറിയിക്കുകയോ അല്ലെങ്കിൽ ഭാവിയിൽ നിങ്ങൾക്കറിയേണ്ട പ്രധാനപ്പെട്ട കാര്യങ്ങളെക്കുറിച്ച് അറിയിക്കുകയോ ചെയ്യുക. ഇത് ഉൾപ്പെട്ടിരിക്കുന്ന എല്ലാവർക്കും ഭാവിയിലെ വികസന സമയം ലാഭിക്കും.
4. അഭിപ്രായങ്ങളിൽ മെറ്റാ പോലുള്ള വിവരങ്ങൾ ഉൾപ്പെടാം:
   • രചയിതാവ്
   • തീയതി സൃഷ്ടിച്ചു
   • പകർപ്പവകാശ വിവരങ്ങൾ

പ്രകടനം

അഭിപ്രായങ്ങൾ തീർച്ചയായും സഹായകരമാകും, പക്ഷേ നിങ്ങൾ ഒരു സ്റ്റൈൽ ഷീറ്റിലേക്ക് ചേർക്കുന്ന കൂടുതൽ അഭിപ്രായങ്ങൾ, അത് മാറുന്നതാണ്, അത് സൈറ്റിന്റെ ഡൌൺലോഡ് വേഗതയും പ്രകടനവും ബാധിക്കും. ഇത് ഒരു യഥാർത്ഥ ആശങ്കയാണ്, എന്നാൽ പ്രകടനം കഷ്ടം അനുഭവപ്പെടുമെന്ന് ഭയന്ന് സഹായകരമായതും ന്യായമായതുമായ അഭിപ്രായങ്ങൾ ചേർക്കാൻ നിങ്ങൾക്ക് മടിക്കേണ്ടതില്ല. ഒരു വരിയിൽ സിഎസ്എസ് വരികൾ ഗണ്യമായ വലിപ്പം ചേർക്കുന്നില്ല. നിങ്ങൾ CSS ഫയലിന്റെ വലുപ്പത്തിൽ കാര്യമായ സ്വാധീനം ചെലുത്താൻ അഭിപ്രായങ്ങളുടെ വരികളുടെ ടൺസ് ചേർക്കണം. നിങ്ങളുടെ CSS- ൽ ഉപയോഗപ്രദമായ ചില അഭിപ്രായങ്ങൾ ചേർക്കുന്നത് പേജ് വേഗതയിൽ നിങ്ങൾക്ക് നെഗറ്റീവ് പ്രതിപ്രവർത്തനം നടത്തരുത്.

അവസാനമായി, നിങ്ങളുടെ CSS പ്രമാണങ്ങളിൽ രണ്ട് ഗുണങ്ങളും ലഭിക്കുന്നതിന് സഹായകരമായ അഭിപ്രായങ്ങളും നിരവധി അഭിപ്രായങ്ങളും തമ്മിലുള്ള ബാലൻസ് കണ്ടെത്തേണ്ടതുണ്ട്.

ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം എഡിറ്റുചെയ്തത് ജെറമി ഗിർാർഡ് 7/5/17 ന്