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