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