! പ്രധാന കാസ്കേഡിൽ ഒരു മാറ്റം നിർബന്ധിക്കുന്നു
വെബ്സൈറ്റുകൾ എങ്ങനെ കോഡ് ചെയ്യാമെന്ന് അറിയാനുള്ള മികച്ച വഴികൾ, മറ്റ് സൈറ്റുകളുടെ ഉറവിട കോഡുകളിലേക്ക് നോക്കാം. വെബ് പ്രാക്ടീസ് കോഴ്സുകൾ , ബുക്കുകൾ , ഓൺലൈൻ പരിശീലന സൈറ്റുകൾ എന്നിവയ്ക്കായുള്ള നിരവധി ഓപ്ഷനുകൾക്കു മുൻപുള്ള ദിവസങ്ങളിൽ നിരവധി വെബ് പ്രൊഫഷണലുകൾ അവരുടെ ക്രാഫ്റ്റ് എത്രമാത്രം പഠിച്ചു.
നിങ്ങൾ ഈ പരിശ്രമത്തിൽ പരീക്ഷിച്ചു നോക്കിയാൽ ഒരു സൈറ്റിന്റെ കാസ്കേഡിംഗ് സ്റ്റൈൽഷീറ്റുകൾ (സിഎസ്എസ്) നോക്കുകയാണെങ്കിൽ, ആ കോഡ് നിങ്ങൾ കാണാനിടയുള്ള ഒരു കാര്യം വളരെ പ്രധാനമാണ്!
എന്താണ് അർത്ഥമാക്കുന്നത്, പ്രധാനമായും, നിങ്ങളുടെ സ്റ്റൈൽ ഷീറ്റുകളിൽ ആ പ്രഖ്യാപനം എങ്ങനെ ശരിയായി ഉപയോഗിക്കുന്നു?
ദി കോസ്ക്കേഡ് ഓഫ് CSS
ഒന്നാമതായി, ആ കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകൾ യഥാർഥത്തിൽ കാസ്കേഡ് ചെയ്യുന്നതെങ്ങിനെ എന്ന് അറിഞ്ഞിരിക്കേണ്ടതാണ്, അതായത്, അവർ ഒരു പ്രത്യേക ഓർഡറിൽ വയ്ക്കുന്നു. പൊതുവായി പറഞ്ഞാൽ, ഈ ശൈലികൾ ബ്രൗസറിൽ വായിക്കുന്ന ക്രമത്തിൽ പ്രയോഗിക്കുന്നു എന്നാണ് ഇതിനർത്ഥം. ആദ്യ ശൈലി പ്രയോഗിക്കപ്പെടുന്നു, പിന്നെ രണ്ടാമത്തേതും.
ഫലമായി, സ്റ്റൈൽ ഷീറ്റിന്റെ മുകളിലായി ഒരു ശൈലി പ്രത്യക്ഷപ്പെടുകയും, തുടർന്ന് രേഖയിൽ താഴത്തെ മാറ്റം വരുത്തുകയും ചെയ്താൽ, ആ രീതിയിലുള്ള രണ്ടാമത്തെ ഉദാഹരണമാണ് തുടർന്നുള്ള സന്ദർഭങ്ങളിൽ പ്രയോഗിക്കുന്നത്. അടിസ്ഥാനപരമായി, രണ്ട് ശൈലികൾ ഒരേ സംഗതി പറയുന്നതനുസരിച്ച് (അതിനാലാണ് അവർ നിർദ്ദിഷ്ട അളവിലുള്ളത്), അവസാനമായി ലിസ്റ്റുചെയ്തത് ഉപയോഗിക്കും.
ഉദാഹരണത്തിന്, ഇനിപ്പറയുന്ന ശൈലികൾ ഒരു ശൈലി ഷീറ്റിൽ അടങ്ങിയിട്ടുണ്ടെന്ന് കരുതുക. പ്രയോഗിച്ച ആദ്യത്തെ സ്റ്റൈൽ പ്രോപ്പർട്ടി ചുവപ്പ് ആണെങ്കിലും ഖണ്ഡികാ ടെക്സ്റ്റ് കറുത്ത നിറമായിരിക്കും.
കാരണം "കറുപ്പ്" മൂല്യം രണ്ടാമത്തെ ലിസ്റ്റാണ്. മുകളിൽ നിന്നും താഴെയായി CSS വായിച്ചതിനാൽ, അവസാനത്തെ ശൈലി "കറുത്തത്" ആയതിനാൽ അത് ഒരു വിജയമാണ്.
p {വർണം: ചുവപ്പ്; }
p {വർണം: കറുപ്പ്; }
എങ്ങനെയാണ് പ്രധാന പ്രാധാന്യം മാറുക
ഇപ്പോൾ ഈ ഏതാണ്ട് ഒരേപോലുള്ള നിയമങ്ങൾ സി.എസ്.എസ് എങ്ങനെ നിർമ്മിക്കാമെന്ന് നിങ്ങൾ മനസിലാക്കുന്നു, നമുക്ക് എങ്ങനെ നോക്കാം!
സുപ്രധാന നിർദ്ദേശം നിങ്ങൾ മനസിലാക്കുന്ന നിയമങ്ങൾ പാലിക്കുമ്പോഴും നിങ്ങളുടെ CSS കൊക്കെലേഡുകൾ നിർണ്ണയിക്കുന്നതിൽ ഏറ്റവും നിർണായകവും ബാധകവുമായ രീതിയെ ബാധിക്കുന്നു. ആ നിയമം എങ്ങിനെയെങ്കിലും CSS ഡോക്യുമെന്റിൽ ദൃശ്യമാകാതെയിരിക്കേണ്ട കാര്യമൊന്നുമുണ്ടാവില്ല!
ഖണ്ഡികാ ടെക്സ്റ്റ് എപ്പോഴും ചുവപ്പ് ആകുന്നതിനായി മുകളിലുള്ള ഉദാഹരണത്തിൽ നിന്ന് നിങ്ങൾ ഇത് ഉപയോഗിക്കും:
p {വർണം: ചുവപ്പ്! പ്രധാന; }
p {വർണം: കറുപ്പ്; }
ഇപ്പോൾ എല്ലാ ടെക്സ്റ്റും ചുവപ്പ് നിറത്തിൽ കാണപ്പെടും, "കറുപ്പ്" മൂല്യം സെക്കൻഡ് ലിസ്റ്റുചെയ്തിട്ടുണ്ടെങ്കിലും. പ്രധാന നിർദ്ദേശം കാസ്കേഡിന്റെ സാധാരണ നിയമങ്ങളെ അസാധുവാക്കുന്നു, അത് ആ രീതിക്ക് വളരെ ഉയർന്ന പ്രത്യേകത നൽകുന്നു.
നിങ്ങൾ ചുവപ്പ് ദൃശ്യമാകുന്ന ഖണ്ഡികകൾ ആവശ്യമെങ്കിൽ, ഈ ശൈലി അത് ചെയ്യും, എന്നാൽ ഇത് ഒരു നല്ല രീതിയാണെന്ന് അർത്ഥമില്ല. നിങ്ങൾ ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുമെന്ന് അടുത്തതായി നോക്കാം! അത് ഉചിതമല്ലെങ്കിൽ.
എപ്പോൾ ഉപയോഗിക്കുക! പ്രധാനമാണ്
നിങ്ങൾ ഒരു വെബ്സൈറ്റ് ടെസ്റ്റുചെയ്ത് ഡീബഗ്ഗ് ചെയ്യുമ്പോൾ പ്രധാന നിർദ്ദേശം വളരെ സഹായകരമാണ്. ഒരു ശൈലി പ്രയോഗിക്കാതിരിക്കുന്നതിനെപ്പറ്റി നിങ്ങൾക്ക് ഉറപ്പില്ലെങ്കിൽ അത് ഒരു പ്രത്യേക പ്രശ്നം ആണെന്ന് നിങ്ങൾക്ക് തോന്നുന്നില്ലെങ്കിൽ, അത് തിരുത്തണമെങ്കിൽ കാണുന്നതിന് നിങ്ങളുടെ സ്റ്റൈലിലേക്കുള്ള പ്രധാന പ്രഖ്യാപനം ചേർക്കാനാകും.
ചേർക്കുമ്പോൾ! സ്റ്റൈൽ പ്രശ്നത്തെ പ്രധാനപ്പെട്ടതുകൊണ്ട് ശരിയായി നിശ്ചയിക്കുന്നു, അത് ഒരു പ്രത്യേക പ്രശ്നമാണെന്ന് നിങ്ങൾ നിശ്ചയിച്ചിരിക്കുന്നു. എന്നിരുന്നാലും, നിങ്ങൾ അത് വിടാൻ ആഗ്രഹിക്കുന്നില്ല! സ്ഥലത്തെ പ്രധാനപ്പെട്ട കോഡ് പരീക്ഷണാവശ്യങ്ങൾക്കായി മാത്രമാണ് അവിടെ വെച്ചത്.
ടെസ്റ്റിംഗ് പൂർത്തിയാക്കിക്കഴിഞ്ഞാൽ, നിങ്ങൾ ഇപ്പോൾ ആ നിർദ്ദേശം നീക്കംചെയ്ത് നിങ്ങളുടെ ശൈലിയിൽ പ്രവർത്തിക്കാൻ ആവശ്യമായതിൻറെ പ്രത്യേകത നേടാൻ നിങ്ങളുടെ സെലക്ടർ ക്രമീകരിക്കണം. ! പ്രധാനമായത് നിങ്ങളുടെ ഉൽപ്പാദന സൈറ്റുകളിലേക്ക് വഴിതിരിച്ച് വിടരുത്, കാരണം ഇത് സാധാരണ കാസ്കേഡ് മാറ്റുന്നതിന്റെ ഭാഗമായാണ്.
നിങ്ങൾ ആഗ്രഹിക്കുന്ന ശൈലികൾ നേടിയെടുക്കാൻ പ്രധാന പ്രഖ്യാപനത്തിനുമേൽ വളരെ കർശനമായി ആശ്രയിക്കുന്നെങ്കിൽ, നിങ്ങൾക്ക് ഒടുവിൽ സ്റ്റൈൽ ഷീറ്റിനൊപ്പം ഷൂട്ടിംഗ് നടക്കും! പേജിന്റെ CSS പ്രോസസ്സ് ചെയ്യുന്ന രീതിയെ നിങ്ങൾ അടിസ്ഥാനപരമായി മാറ്റുന്നു. ദീർഘകാല മാനേജ്മെന്റ് കാഴ്ചപ്പാടിൽ നിന്ന് നല്ല മണ്ടത്തരമില്ലാത്ത ഒരു പരിശീലനമാണിത്.
ടെസ്റ്റിംഗിനുവേണ്ടി ഉപയോഗിക്കുക അല്ലെങ്കിൽ നിങ്ങൾ ഒരു തീം അല്ലെങ്കിൽ ടെംപ്ലേറ്റ് ചട്ടക്കൂടിൻറെ ഭാഗമായ ഇൻലൈൻ സ്റ്റൈൽ മാറ്റേണ്ടിവരുമ്പോൾ ചില കേസുകളിൽ ഉപയോഗിക്കുക.
അത്തരം സാഹചര്യങ്ങളിൽ പോലും, ഈ സമീപനം കഴിയുന്നത്ര വേഗത്തിൽ ഉപയോഗിക്കുക, കൂടാതെ കാസ്കേഡ് മനസിലാക്കുന്ന ശുദ്ധമായ ശൈലി ഷീറ്റുകൾ എഴുതാൻ പരിശ്രമിക്കുക.
ഉപയോക്തൃ ശൈലി ഷീറ്റുകൾ
മനസ്സിലാക്കാൻ അത്യാവശ്യമായ സുപ്രധാന നിർദേശം! വെബ് പേജുകൾ ഉപയോക്താക്കൾക്ക് ഉപയോഗിക്കാനോ വായിക്കാനോ ബുദ്ധിമുട്ടുള്ള പേജുകൾ ഉണ്ടാക്കുന്ന ശൈലി ഷീറ്റുകളെ നേരിടാൻ സഹായിക്കുന്നതിനും ഈ നിർദേശവും നൽകി.
വെബ് പേജുകൾ കാണുന്നതിന് ഒരു ഉപയോക്താവിന് സ്റ്റൈൽ ഷീറ്റ് നിർവ്വചിക്കുമ്പോൾ സാധാരണയായി, ആ ശൈലി ഷീറ്റ് വെബ് പേജിന്റെ രചയിതാവിന്റെ ശൈലി ഉപയോഗിച്ച് മറികടക്കുന്നു. ഉപയോക്താവിന് ഒരു ശൈലി പോലെ പ്രാധാന്യം നൽകിയിട്ടുണ്ടെങ്കിൽ, ആ ശൈലി വെബ് പേജിന്റെ രചയിതാവിൻറെ ശൈലി ഷീറ്റിനെ മറികടക്കുന്നു, രചയിതാവ് ഒരു നിയമം പോലെ പ്രാധാന്യം നൽകുന്നു!
ഒരു പ്രത്യേക രീതിയിൽ ശൈലികൾ സജ്ജമാക്കേണ്ട ഉപയോക്താക്കൾക്ക് ഇത് സഹായകരമാണ്. ഉദാഹരണത്തിന്, ആരെങ്കിലും ഉപയോഗിക്കുന്ന എല്ലാ വെബ് പേജുകളിലും സ്വതവേയുള്ള ഫോണ്ട് വലുപ്പങ്ങൾ വർദ്ധിപ്പിക്കേണ്ടിവരും. നിങ്ങൾ ഉപയോഗിക്കുന്ന പേജുകൾക്കുള്ളിൽ വളരെ കുറച്ച് നിർണായകമായ നിർദേശങ്ങൾ ഉപയോഗിക്കുന്നത് വഴി, നിങ്ങളുടെ ഉപയോക്താക്കൾക്ക് ആവശ്യമുള്ള പ്രത്യേക ആവശ്യകതകൾ നിങ്ങൾക്കനുഭവപ്പെടും.
എഡിറ്റുചെയ്ത ജെറിമി ഗിർാർഡ്