സ്പാൻ ടാഗ്, CSS എന്നിവ ഉപയോഗിച്ച് ഒരു വാക്കിന്റെ വർണ്ണം മാറ്റുക

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

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

ഈ ലേഖനം എച്ച്ടിഎംഎൽ, സിഎസ് എന്നിവയ്ക്ക് പുതുതായി സാദ്ധ്യതയുള്ള വെബ് ഡവലപ്പർമാർക്ക് തുടക്കം കുറിക്കുക എന്നതാണ്. നിങ്ങളുടെ പേജുകളിലെ നിർദ്ദിഷ്ട പാഠത്തിൻറെ വർണ്ണം മാറ്റുന്നതിന് ഇത് HTML ടാഗും CSS ഉം എങ്ങനെ ഉപയോഗിക്കണമെന്ന് അറിയാൻ ഇത് സഹായിക്കും. പറഞ്ഞുകഴിഞ്ഞാൽ, ഈ രീതിക്ക് ചില പോരായ്മകളുണ്ട്, ഈ ലേഖനത്തിൽ അവസാനം ഞാൻ ഉൾപ്പെടുത്തും. ഇപ്പോൾ, ഈ വാചക വർണ്ണം മാറ്റാനുള്ള ഘട്ടങ്ങൾ മനസിലാക്കാൻ വായിക്കുക! ഇത് വളരെ എളുപ്പമാണ്, ഏകദേശം 2 മിനിറ്റ് എടുക്കും.

ഘട്ടം ഘട്ടമായുള്ള നിർദ്ദേശം

1. നിങ്ങൾക്ക് പ്രിയപ്പെട്ട ടെക്സ്റ്റ് HTML എഡിറ്ററിൽ അപ്ഡേറ്റ് ചെയ്യാൻ താൽപ്പര്യപ്പെടുന്ന വെബ് പേജ് തുറക്കുക. ഇത് അഡോബ് ഡ്രീംവൈവെയർ അല്ലെങ്കിൽ നോട്ട്പാഡ്, നോട്ട്പാഡ് ++, ടെക്സ്റ്റ് എഡിഡിറ്റ് തുടങ്ങിയ ലളിതമായ ടെക്സ്റ്റ് എഡിറ്റർ പോലെയാകാം.
2. ഡോക്യുമെന്റിൽ, പേജിൽ മറ്റൊരു നിറത്തിൽ പ്രദർശിപ്പിക്കാൻ ആഗ്രഹിക്കുന്ന പദങ്ങൾ കണ്ടെത്തുക. ഈ ട്യൂട്ടോറിയലിനുവേണ്ടി, ഒരു വലിയ ഖണ്ഡിക പാഠത്തിനുള്ളിലെ ചില വാക്കുകൾ ഉപയോഗിക്കാൻ അനുവദിക്കുക. ആ ടെക്സ്റ്റ് ജോഡിയിൽ ആ വാചകം അടങ്ങിയിരിക്കും. നിങ്ങൾ ആഗ്രഹിക്കുന്ന വർണ്ണത്തിലെ രണ്ട് വാക്കുകളിൽ ഒന്ന് കണ്ടെത്തുക.
3. വാക്കിന്റെ അല്ലെങ്കിൽ നിങ്ങൾ നിറം മാറ്റാൻ ആഗ്രഹിക്കുന്ന വാക്കുകളുടെ ഗ്രൂപ്പിൽ ആദ്യത്തെ അക്ഷരത്തിന് മുമ്പായി നിങ്ങളുടെ കഴ്സർ വയ്ക്കുക. നിങ്ങൾ ഒരു WYSIWYG എഡിറ്റർ ഡ്രീംവൈവേർ ഉപയോഗിക്കുന്നുണ്ടെങ്കിൽ, നിങ്ങൾ ഇപ്പോൾ "കോഡ്കാഴ്ച" rigth ൽ പ്രവർത്തിക്കുകയാണ്.
4. ഒരു ഗ്രാജ് ആട്രിബ്യൂട്ട് ഉൾപ്പെടെ ടാഗിൽ മാറ്റാൻ ആഗ്രഹിക്കുന്ന വർണ്ണത്തിലുള്ള ടെക്സ്റ്റ് എഴുതാൻ അനുവദിക്കുക. മുഴുവൻ ഖണ്ഡികയും ഇതുപോലെ ആയിരിക്കാം: ഇത് ഒരു വാക്യത്തിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്ന പാഠമാണ്.
5. ഞങ്ങൾ ഒരു ഇൻലൈൻ ഘടകം ഉപയോഗിച്ചു, ആ, ആ പ്രത്യേക വാചകം നമുക്ക് CSS- ൽ ഉപയോഗിക്കാവുന്ന "ഹുക്ക്" നൽകുക. ഞങ്ങളുടെ അടുത്ത നടപടി ഒരു പുതിയ റൂൾ ചേർക്കുന്നതിന് ഞങ്ങളുടെ ബാഹ്യ CSS ഫയലിലേക്ക് പോകുക എന്നതാണ്.

1. ഞങ്ങളുടെ സി.എസ്.എസ്. ഫയലിൽ, നമുക്ക് ഇത് ചേർക്കാൻ കഴിയും:
   1. .focus-text {
   2. നിറം: # F00;
   3. }
   4. അഴി
2. ഈ നിയമം ആ ചുവപ്പ് നിറത്തിൽ പ്രദർശിപ്പിക്കുന്നതിന് ആ ഇൻലൈൻ ഘടകത്തെ സജ്ജമാക്കും. ഞങ്ങളുടെ മുൻപത്തെ ശൈലി കറുപ്പാക്കി വെച്ച ഒരു മുൻ ശൈലി ഉണ്ടെങ്കിൽ, ഈ ഇൻലൈൻ ശൈലി സ്പാൻ ടെക്സ്റ്റ് ഫോക്കസ് ആകുന്നതിനും വ്യത്യസ്ത നിറങ്ങളിൽ നിൽക്കുന്നതിനും ഇടയാക്കും. ഈ നിയമത്തിന് ഞങ്ങൾ മറ്റ് ശൈലികൾ ചേർക്കും, ഒരുപക്ഷേ അത് കൂടുതൽ പ്രാധാന്യം നൽകാനായി പാഠ സിദ്ധാന്തം അല്ലെങ്കിൽ ധൈര്യമുണ്ടാക്കാൻ കഴിയുമോ?
3. നിങ്ങളുടെ പേജ് സംരക്ഷിക്കുക.
4. മാറ്റങ്ങൾ കാണുന്നതിന് നിങ്ങളുടെ പ്രിയപ്പെട്ട വെബ് ബ്രൗസറിലെ പേജ് പരിശോധിക്കുക .
5. ചില വെബ് പ്രൊഫഷണലുകൾ കൂടാതെ ടാഗ് ജോടി പോലുള്ള മറ്റ് ഘടകങ്ങൾ ഉപയോഗിക്കാൻ തിരഞ്ഞെടുക്കുന്നു. ഈ ടാഗുകൾ പ്രത്യേകമായി "ബോൾഡ്", "ഇറ്റാലിക്സ്" എന്നിവയ്ക്കായി ഉപയോഗിച്ചു, പക്ഷേ അവയെ ഒഴിവാക്കുകയും മാറ്റി പകരം വയ്ക്കുകയും ചെയ്തു. ടാഗുകൾ ഇപ്പോഴും ആധുനിക ബ്രൌസറുകളിൽ പ്രവർത്തിക്കുന്നു, എന്നിരുന്നാലും വളരെയധികം വെബ് ഡവലപ്പർമാർ അവരെ ഇൻലൈൻ സ്റ്റൈലിംഗ് കൊളുപ്പുകളായി ഉപയോഗിക്കുന്നു. ഇത് ഏറ്റവും മോശമായ സമീപനമല്ല, എന്നാൽ ഒഴിവാക്കിയ ഘടകങ്ങളെ ഒഴിവാക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ സ്റ്റൈലിംഗിന്റെ ആവശ്യങ്ങൾക്കായി ടാഗുചെയ്ത് ഞാൻ നിർദ്ദേശിക്കുന്നു.

ശ്രദ്ധിക്കുന്നതിനുള്ള നുറുങ്ങുകളും കാര്യങ്ങളും

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