എങ്ങനെയാണ് ഒരു പുറംചട്ട ഷീറ്റ് നിർമ്മിക്കുക

സൈറ്റ് ഉപയോഗിച്ചുള്ള സൈറ്റ് ഉപയോഗിക്കുക

വെബ്സൈറ്റുകളും ശൈലിയും ഘടനയും ചേർന്നതാണ്, ഇന്നത്തെ വെബിൽ, പരസ്പരം വേർതിരിക്കുന്ന ഒരു സൈറ്റിന്റെ ഈ രണ്ട് വശങ്ങളും നിലനിർത്തുന്നതിനുള്ള ഒരു നല്ല രീതിയാണിത്.

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

ബാഹ്യ ശൈലി ഷീറ്റിന്റെ ഗുണങ്ങളും ദോഷങ്ങളുമുണ്ട്

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

ബാഹ്യ ശൈലി ഷീറ്റിന്റെ പ്രയോജനങ്ങൾ

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

ബാഹ്യ ശൈലി ഷീറ്റിന്റെ ദോഷങ്ങളുമുണ്ട്

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

എങ്ങനെയാണ് ഒരു ബാഹ്യ ശൈലി ഷീറ്റ് സൃഷ്ടിക്കേണ്ടത്

ബാഹ്യ ശൈലി ഷീറ്റുകൾ രേഖാധിഷ്ഠിത സ്റ്റൈൽ ഷീറ്റുകളുടെ സമാനമായ സിന്റാക്സ് ഉപയോഗിച്ച് സൃഷ്ടിക്കപ്പെടുന്നു. എന്നിരുന്നാലും, നിങ്ങൾ ഉൾപ്പെടുത്തേണ്ട എല്ലാം സെലക്ടറും പ്രഖ്യാപനവും ആണ്. ഡോക്യുമെന്റ് ലെവൽ സ്റ്റൈൽ ഷീറ്റിലെ പോലെ, ഒരു റൂട്ടിനുള്ള സിന്റാക്സ് ഇതാണ്:

സെലക്ടർ {property: value;}

ഈ നിയമങ്ങൾ വിപുലീകരണത്തോടുകൂടിയ ഒരു ടെക്സ്റ്റ് ഫയലിൽ സംരക്ഷിക്കുക. ഇത് ആവശ്യമില്ല, എന്നാൽ ഇത് പ്രവേശിക്കുന്നതിന് ഒരു നല്ല ശീലമാണ്, അതിനാൽ നിങ്ങളുടെ ഡയറക്ടറി ലിസ്റ്റിംഗിൽ നിങ്ങളുടെ ശൈലി ഷീറ്റുകൾ ഉടൻ തിരിച്ചറിയാം.

നിങ്ങൾക്ക് ഒരു ശൈലി ഷീറ്റ് പ്രമാണം ഉണ്ടെങ്കിൽ, അത് നിങ്ങളുടെ വെബ് പേജുകളിലേക്ക് ലിങ്കുചെയ്യേണ്ടതുണ്ട്. ഇത് രണ്ട് വഴികളിലൂടെ ചെയ്യാം:

  1. ലിങ്കിംഗ്
    1. ഒരു ശൈലി ഷീറ്റ് ലിങ്ക് ചെയ്യുന്നതിനായി, നിങ്ങൾ HTML ടാഗുകൾ ഉപയോഗിക്കുന്നു. ആട്രിബ്യൂട്ടുകൾ rel , type , href ഉണ്ട് . റോൾ ആട്രിബ്യൂട്ട് നിങ്ങൾ എന്താണ് ബന്ധപ്പെടുത്തുന്നു എന്ന് സൂചിപ്പിക്കുന്നു (ഈ രീതിയിൽ ഒരു സ്റ്റൈൽഷീറ്റ്), ബ്രൌസറിനായി MIME- ടൈപ്പ് നിർവ്വചിക്കുന്നു, ഒപ്പം href .css ഫയലിന്റെ പാതയും.
  2. ഇറക്കുമതി ചെയ്യുന്നു
    1. ഡോക്യുമെന്റ് ലെവൽ ശൈലിയിൽ നിങ്ങൾ ഒരു ഇമ്പോർട്ടഡ് ശൈലി ഷീറ്റ് ഉപയോഗിക്കും, അങ്ങനെ ഏതെങ്കിലും ബാഹ്യ സ്റ്റൈൽ ഷീറ്റിന്റെ ആട്രിബ്യൂട്ടുകൾ നിങ്ങൾക്ക് രേഖപ്പെടുത്താതെ പ്രമാണത്തിൽ നിന്ന് ഒഴിവാക്കാവുന്നതാണ്. ഒരു ലിങ്ക് സ്റ്റൈൽ ഷീറ്റിനെ വിളിക്കാനുള്ള സമാന രീതിയിൽ നിങ്ങൾ അതിനെ വിളിക്കുന്നു, ഇത് ഒരു പ്രമാണ ലെവൽ ശൈലി പ്രഖ്യാപനത്തിന് മാത്രമേ അറിയപ്പെടുകയുള്ളൂ. നിങ്ങളുടെ വെബ്സൈറ്റ് പരിപാലിക്കേണ്ടതു പോലെ നിങ്ങൾക്ക് നിരവധി ബാഹ്യ ശൈലി ഷീറ്റുകൾ ഇമ്പോർട്ടുചെയ്യാനാകും.

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