Span டேக் மற்றும் CSS உடன் ஒரு வார்த்தை நிறம் மாற்ற எப்படி

CSS உடன், ஒரு ஆவணத்தில் உரை வண்ணம் அமைக்க எளிதானது. உங்கள் பக்கத்தில் ஒரு குறிப்பிட்ட வண்ணத்தில் பத்திகளைப் பெற விரும்பினால், உங்கள் வெளிப்புற நடைப்பாதையில், உலாவி உங்கள் உரையை தேர்ந்தெடுத்த வண்ணத்தில் காண்பிக்கும் என்பதைக் குறிப்பிடவும். நீங்கள் உரை ஒரு பத்தி உள்ள ஒரு வார்த்தை (அல்லது ஒருவேளை ஒரு சில வார்த்தைகள்) நிறம் மாற்ற வேண்டும் போது என்ன நடக்கிறது? அதற்காக, நீங்கள் குறிச்சொல் போன்ற ஒரு இன்லைன் உறுப்பு பயன்படுத்த வேண்டும்.

இறுதியில், ஒரு வாக்கியத்தின் நிறத்தை மாற்றுவது அல்லது வாக்கியத்தின் ஒரு சிறிய குழுவை CSS ஐ பயன்படுத்தி எளிதானது, மற்றும் குறிச்சொற்கள் செல்லுபடியான HTML ஆகும், எனவே இது ஹேக் சில வகையான இருப்பது பற்றி கவலைப்பட வேண்டாம். இந்த அணுகுமுறையுடன், நீங்கள் நீக்கிய HTML குறிமுறையின் ஒரு தயாரிப்பு இது "எழுத்துரு", போன்ற நீக்கப்பட்டது குறிச்சொற்களை மற்றும் பண்புகளை பயன்படுத்தி தவிர்க்க.

இந்த கட்டுரை HTML மற்றும் CSS வாய்ப்பு புதிய யார் டெவலப்பர்கள் தொடங்கி உள்ளது. இது உங்கள் பக்கங்களில் குறிப்பிட்ட உரை நிறம் மாற்ற HTML குறியீட்டை மற்றும் CSS எவ்வாறு பயன்படுத்த வேண்டும் என்பதை அறிய உதவும். இந்த முறைக்கு சில குறைபாடுகள் உள்ளன என்று கூறப்படுகிறது, இந்த கட்டுரையின் முடிவில் நான் மறைக்கிறேன். இப்போது, ​​இந்த உரை வண்ணத்தை மாற்றுவதற்கான படிகளைப் படிக்க படிக்க! இது மிகவும் எளிதானது மற்றும் சுமார் 2 நிமிடங்கள் எடுக்க வேண்டும்.

படி வழிமுறை மூலம் படி

1. உங்களுக்கு பிடித்த உரை HTML எடிட்டரில் புதுப்பிக்க விரும்பும் வலைப்பக்கத்தை திறக்கவும். இது அடோப் ட்ரீம்வீவர் போன்ற ஒரு நிரலாக இருக்கலாம் அல்லது நோட் பேட், Notepad ++, TextEdit போன்ற ஒரு எளிமையான உரை ஆசிரியர் ஆகும்.
2. ஆவணத்தில், நீங்கள் பக்கத்தில் வேறு வண்ணத்தில் காட்டப்பட விரும்பும் வார்த்தைகளைக் கண்டறியவும். இந்த டுடோரியலுக்காக, ஒரு பெரிய பத்திக்கான உரைக்குள் இருக்கும் சில சொற்களை பயன்படுத்தலாம். அந்த உரையானது டாக் ஜோடிக்குள் அடங்கியிருக்கும். நீங்கள் திருத்த விரும்பும் இரு வண்ணங்களில் ஒன்றைக் கண்டறிக.
3. நீங்கள் வண்ணத்தை மாற்ற விரும்பும் சொற்களில் அல்லது வார்த்தைகளின் முதல் எழுத்துக்கு முன் உங்கள் கர்சரை வைக்கவும். நீங்கள் ட்வீட்வீவர் போன்ற WYSIWYG எடிட்டரைப் பயன்படுத்துகிறீர்களானால், இப்போது "code view" rigth இல் வேலை செய்கிறீர்கள்.
4. ஒரு வர்க்க பண்புக்கூறு உள்ளிட்ட குறிச்சொல்லுடன் மாற்ற விரும்பும் உரை எழுதாமல் போகலாம். முழு பத்தியும் இதைப் போல இருக்கலாம்: இது ஒரு வாக்கியத்தில் கவனம் செலுத்துகின்ற உரை.
5. நாம் ஒரு இன்லைன் உறுப்பு பயன்படுத்தப்படுகிறது, அந்த குறிப்பிட்ட உரை ஒரு "கொக்கி" நாம் CSS பயன்படுத்த முடியும். எங்கள் அடுத்த படி ஒரு புதிய விதி சேர்க்க எங்கள் வெளிப்புற CSS கோப்பு செல்ல உள்ளது.

1. எங்கள் CSS கோப்பில், சேர்க்கலாம்:
   1. .focus-text {
   2. நிறம்: # F00;
   3. }
2. இந்த விதி அந்த இன்லைன் உறுப்பு, வண்ண சிவப்பில் காட்ட, அமைக்க வேண்டும். எங்களது ஆவணத்தின் கருப்பு கருப்பு நிறத்தை அமைத்துள்ள முந்தைய பாணியைக் கொண்டிருந்தால், இந்த இன்லைன் பாணி ஸ்பான் உரைக்கு கவனம் செலுத்துவதோடு வெவ்வேறு நிறத்துடன் நிற்கும். இந்த விதிக்கு நாம் வேறு பாணியை சேர்க்கலாம், ஒருவேளை உரை சாய்வு அல்லது தைரியமாக இதை வலியுறுத்துவது?
3. உங்கள் பக்கத்தை சேமிக்கவும்.
4. நடைமுறையில் உள்ள மாற்றங்களைப் பார்க்க உங்களுக்கு பிடித்த வலை உலாவியில் பக்கம் சோதிக்கவும்.
5. கூடுதலாக, சில வலை வல்லுநர்கள் அல்லது குறிச்சொற்கள் போன்ற பிற உறுப்புகளைப் பயன்படுத்துவதைத் தேர்ந்தெடுக்கவும். இந்த குறிச்சொற்கள் குறிப்பாக "தைரியமான" மற்றும் "சாய்வு" ஆகியவற்றில் பயன்படுத்தப்பட்டன, ஆனால் அவை நீக்கப்பட்டன மற்றும் மாற்றப்பட்டன. குறிச்சொற்களை இன்னும் நவீன உலாவிகளில் வேலை, எனினும், பல வலை டெவலப்பர்கள் இன்லைன் ஸ்டைலிங் கொக்கிகள் அவற்றை பயன்படுத்த. இது மோசமான அணுகுமுறை அல்ல, ஆனால் நீக்கப்பட்ட எந்த உறுப்புகளையும் தவிர்க்க விரும்பினால், இந்த வகையான ஸ்டைலிங் தேவைகளுக்கான குறிச்சொல்லுடன் ஒட்டிக்கொண்டிருப்பதை நான் பரிந்துரைக்கிறேன்.

உதவிக்குறிப்புகள் மற்றும் விஷயங்களை கவனிக்கவும்

இந்த அணுகுமுறை சிறிய ஸ்டைலிங் தேவைகளுக்கு நன்றாக வேலை செய்யும் போது, ​​ஒரு ஆவணத்தில் ஒரு சிறிய துண்டு உரை ஒன்றை மாற்ற வேண்டும் என்றால், அது விரைவில் கட்டுப்பாட்டிலிருந்து வெளியேறலாம். உங்கள் பக்கம் இன்லைன் உறுப்புகளால் நிரம்பியுள்ளது என்பதை நீங்கள் கண்டால், உங்கள் CSS கோப்பில் நீங்கள் பயன்படுத்தும் தனிப்பட்ட வகுப்புகள் அனைத்தும் உங்களுக்கு தவறாக இருக்கலாம், உங்கள் பக்கத்தில் இருக்கும் இந்த குறிச்சொற்களை இன்னும் அதிகமாக நினைவில் கொள்ளுங்கள் முன்னோக்கி செல்லும் பக்கத்தை பராமரிக்க வேண்டும். கூடுதலாக, நல்ல வலை அச்சுக்கலை அரிதாகவே பக்கம் முழுவதும் வண்ணம், பல வகைகளில் உள்ளது!