ബാഹ്യ ശൈലി ഷീറ്റ് എന്താണ്?

ബാഹ്യ CSS നിർവചനം എങ്ങനെ ഒരു ലിങ്ക് ലേക്കുള്ള

ഒരു വെബ് ബ്രൌസർ ഒരു വെബ് പേജ് ലോഡ് ചെയ്യുമ്പോൾ, അത് കാണിക്കുന്ന രീതിയിൽ ഒരു നിർദ്ദിഷ്ട സ്റ്റൈൽ ഷീറ്റിന്റെ വിവരങ്ങൾ നിർണ്ണയിക്കപ്പെടുന്നു. ഒരു HTML ഷീറ്റിനുള്ള സ്റ്റൈൽ ഷീറ്റിനുള്ള മൂന്ന് വഴികൾ ഉണ്ട്: ബാഹ്യമായി, ആന്തരികമായി, ഇൻ-ലൈൻ.

ആന്തരികവും ഇൻ-ലൈൻ സ്റ്റൈൽ ഷീറ്റുകളും HTML ഫയലിൽ തന്നെ സൂക്ഷിക്കുന്നു. ഇപ്പോൾ നിമിഷനേരംകൊണ്ട് പ്രവർത്തിക്കാൻ എളുപ്പമാണ്, പക്ഷേ അവ ഒരു കേന്ദ്രീകൃത സ്ഥാനത്ത് ശേഖരിക്കപ്പെടാത്തതിനാൽ ഒരേ സമയം മുഴുവൻ വെബ്സൈറ്റിലെയും സ്റ്റൈലിലേക്ക് എളുപ്പത്തിൽ മാറ്റങ്ങൾ വരുത്താനാകില്ല; നിങ്ങൾ ഓരോ എൻട്രിയിലേക്കും തിരികെ പോകേണ്ടിവരും, ഇത് സ്വമേധയാ മാറ്റുക.

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

ഒന്നോ അതിലധികമോ പ്രമാണങ്ങൾ ഒരേ CSS ഫയലിലേക്ക് ലിങ്കുചെയ്യാൻ കഴിയും, വ്യത്യസ്ത പേജുകൾ, പട്ടികകൾ, ഇമേജുകൾ തുടങ്ങിയവ രൂപപ്പെടുത്തുന്നതിന് ഒരു വെബ്സൈറ്റ് നിരവധി തനതായ CSS ഫയലുകളുണ്ടായിരിക്കാം.

എക്സ്റ്റേണൽ സ്റ്റൈൽ ഷീറ്റിലേക്ക് എങ്ങനെ ലിങ്ക് ചെയ്യാം

ഒരു പ്രത്യേക ബാഹ്യ ശൈലി ഷീറ്റ് ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്ന ഓരോ വെബ് പേജും വിഭാഗത്തിൽ നിന്ന്, ഇതുപോലെ വളരെയെളുപ്പം CSS ഫയൽ ലിങ്കുചെയ്യേണ്ടതുണ്ട്:

ഈ ഉദാഹരണത്തിൽ, താങ്കളുടെ സ്വന്തം ഡോക്യുമെന്റിൽ പ്രയോഗത്തിൽ വരുത്തുന്നതിന് മാറ്റം വരുത്തേണ്ട ഒരേയൊരു കാര്യം styles.css ടെക്സ്റ്റ് ആണ്. ഇത് നിങ്ങളുടെ CSS ഫയലിന്റെ സ്ഥാനമാണ്.

ഫയലിനെ യഥാർത്ഥത്തിൽ styles.css എന്ന് വിളിക്കുകയും അതിലേക്ക് ലിങ്കുചെയ്തിരിക്കുന്ന ഡോക്യുമെന്റിനായുള്ള കൃത്യമായ ഫോൾഡറിൽ സ്ഥിതിചെയ്യുന്നുണ്ടെങ്കിൽ, അത് മുകളിൽ വായിച്ചതുപോലെ തന്നെ നിലകൊള്ളാം. എന്നിരുന്നാലും, നിങ്ങളുടെ CSS ഫയൽ മറ്റെന്തെന്ന പേരിലാണെന്നതിന് സാധ്യതയുണ്ട്, ഈ സാഹചര്യത്തിൽ നിങ്ങൾക്കിഷ്ടമുള്ള "ശൈലികൾ" എന്നതിൽ നിന്ന് പേര് മാറ്റാൻ കഴിയും.

ഈ ഫോൾഡറിന്റെ റൂട്ടിലല്ല, പകരം സബ്ഫോൾഡറിൽ സിഎസ്എസ് ഫയൽ ഉണ്ടെങ്കിൽ അത് പകരം മറ്റൊന്നു വായിക്കാം.

ബാഹ്യ CSS ലൈസുകളിൽ കൂടുതൽ വിവരങ്ങൾ

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

എക്സ്റ്റീരിയർ സ്റ്റൈലിംഗിനൊപ്പം, അതേ സിഎസ്എഫ് ഫയൽ വെബ്സൈറ്റിൽ അക്ഷരാർത്ഥത്തിൽ ഓരോ പേജിലും ഉപയോഗിക്കാം, അതിലൂടെ അവയെല്ലാം ഒരു ഏകീകൃത രൂപമാണ്, കൂടാതെ മുഴുവൻ വെബ്സൈറ്റിന്റെ CSS ഉള്ളടക്കവും എഡിറ്റ് ചെയ്യുന്നത് വളരെ എളുപ്പവും കേന്ദ്രീകരിക്കും.

ഇത് എങ്ങനെ പ്രവർത്തിക്കുന്നുവെന്ന് നിങ്ങൾക്ക് കാണാനാകും ...

ടാഗുകളിൽ നിന്നും വേർതിരിക്കേണ്ടതിനാൽ ആന്തരിക സ്റ്റൈലിങിന്