Span ట్యాగ్ మరియు CSS తో పద యొక్క రంగు మార్చండి ఎలా

CSS తో, ఒక పత్రంలో టెక్స్ట్ యొక్క రంగును సెట్ చేయడం సులభం. మీరు మీ పేజీలోని పేరాలు ఒక నిర్దిష్ట రంగులో ఇవ్వవలసి వస్తే, మీ బాహ్య శైలి షీట్ లో మరియు మీ ఎంపిక చేసిన రంగులో బ్రౌజర్ మీ పాఠాన్ని ప్రదర్శిస్తుంది. మీరు వచనం యొక్క పేరా లోపల కేవలం ఒక పదం (లేదా బహుశా కేవలం కొన్ని పదాల) రంగును మార్చాలనుకున్నప్పుడు ఏమి జరుగుతుంది? ఆ కోసం, మీరు ట్యాగ్ వంటి ఇన్లైన్ మూలకాన్ని ఉపయోగించాల్సి ఉంటుంది.

చివరగా, ఒక వాక్యము యొక్క రంగును మార్చడం లేదా ఒక వాక్యంలోని పదాల చిన్న సమూహం CSS ను ఉపయోగించడం సులభం, మరియు ట్యాగ్లు చెల్లుబాటు అయ్యే HTML, కాబట్టి ఇది హాక్ యొక్క రకంగా ఉండటం గురించి ఆందోళన చెందకండి. ఈ విధానంతో, మీరు తొలగించిన ట్యాగ్లను మరియు "ఫాంట్" వంటి లక్షణాలను ఉపయోగించడం కూడా నివారించవచ్చు, ఇది పురాతన HTML శకం యొక్క ఉత్పత్తి.

ఈ వ్యాసం HTML మరియు CSS కి అవకాశం ఉన్న వెబ్ డెవలపర్లకు ప్రారంభమైంది. ఇది మీరు మీ పేజీలలో నిర్దిష్ట టెక్స్ట్ రంగు మార్చడానికి HTML ట్యాగ్ మరియు CSS ఎలా ఉపయోగించాలో తెలుసుకోవడానికి సహాయపడుతుంది. చెప్పబడుతున్నాయి, ఈ పద్ధతిలో కొన్ని లోపాలు ఉన్నాయి, నేను ఈ ఆర్టికల్ చివరిలో కవర్ చేస్తాను. ఇప్పుడు కోసం, ఈ టెక్స్ట్ రంగు మార్చడానికి దశలను తెలుసుకోవడానికి చదవండి! ఇది చాలా సులభం మరియు సుమారు 2 నిమిషాలు తీసుకోవాలి.

స్టెప్ బై స్టెప్ బై స్టెప్

1. మీరు మీ ఇష్టమైన టెక్స్ట్ HTML ఎడిటర్ లో అప్డేట్ చెయ్యాలనుకుంటున్న వెబ్ పేజీ తెరువు. ఇది అడోబ్ డ్రీమ్వీవర్ లేదా నోట్ప్యాడ్, నోట్ప్యాడ్ ++, టెక్స్ట్ఎడిట్, మొదలైన టెక్స్ట్ ఎడిటర్ వంటి ప్రోగ్రామ్.
2. పత్రంలో, మీరు పేజీలో వేరొక రంగులో ప్రదర్శించాలనుకుంటున్న పదాలను గుర్తించండి. ఈ ట్యుటోరియల్ కొరకు, పెద్ద పారాగ్రాఫ్లో ఉండే కొన్ని పదాలను వాడండి. ఆ పాఠం జతచేస్తుంది. మీరు సవరించాలనుకుంటున్న రెండు రంగుల్లో ఒకదానిని కనుగొనండి.
3. మీరు రంగు మార్చాలనుకుంటున్న పదంలోని పదంలోని మొదటి అక్షరానికి ముందు మీ కర్సరును ఉంచండి. మీరు డ్రీమ్వీవర్ వంటి WYSIWYG ఎడిటర్ను ఉపయోగిస్తుంటే, "కోడ్ వ్యూ" rigth లో పనిచేస్తున్నారు.
4. తరగతి రంగుతో మేము ట్యాగ్తో మార్చాలనుకునే పాఠాన్ని వ్రాద్దాం. మొత్తం పేరా ఇలా కనిపిస్తుంది: ఇది ఒక వాక్యంలో దృష్టి పెట్టే వచనం.
5. మేము ఇన్లైన్ ఎలిమెంట్ను ఉపయోగించాము, ఆ ప్రత్యేకమైన టెక్స్ట్ను "హుక్" కు మేము CSS లో వాడతాము. మా తదుపరి దశ ఒక కొత్త నియమాన్ని జోడించడానికి మా బాహ్య CSS ఫైల్కు వెళ్ళు ఉంది.

1. మా CSS ఫైల్ లో, add to:
   1. .ఫోకస్-టెక్స్ట్ {
   2. రంగు: # F00;
   3. }
2. ఈ నియమం ఆ ఇన్లైన్ మూలకాన్ని, ఎరుపు రంగులో ప్రదర్శించడానికి సెట్ చేస్తుంది. మా పత్రం యొక్క నలుపును నలుపు రంగులో ఉంచిన మునుపటి శైలిని కలిగి ఉంటే, ఈ ఇన్లైన్ స్టైల్ స్పాన్ టెక్స్ట్పై దృష్టి సారించి, వేర్వేరు రంగులతో నిలబడాలి. మేము ఈ నియమానికి ఇతర శైలులను కూడా జోడిస్తాము, బహుశా అది టెక్స్ట్ ఇటాలిక్స్ లేదా ధైర్యంగా ఉంటుందా?
3. మీ పేజీని సేవ్ చేయండి.
4. మార్పులను చూడడానికి మీకు ఇష్టమైన వెబ్ బ్రౌజర్లో పేజీని పరీక్షించండి .
5. అదనంగా, కొన్ని వెబ్ నిపుణులు లేదా ట్యాగ్ జతలు వంటి ఇతర అంశాలని ఉపయోగించడానికి ఎంచుకుంటారు. ఈ ట్యాగ్లు ప్రత్యేకంగా "బోల్డ్" మరియు "ఇటాలిక్స్" కోసం ఉపయోగపడతాయి, కానీ డీప్రికేటెడ్ మరియు భర్తీ చేయబడ్డాయి. ఈ ట్యాగ్లు ఇప్పటికీ ఆధునిక బ్రౌజర్లలో పనిచేస్తాయి, అయితే అనేక వెబ్ డెవలపర్లు వాటిని ఇన్లైన్ స్టైలింగ్ హుక్స్గా ఉపయోగిస్తున్నారు. ఈ చెత్త విధానం కాదు, కానీ మీరు ఏ విధ్వంసం అంశాలు తొలగించాలనుకుంటే, స్టైలింగ్ అవసరాల కోసం ఈ ట్యాగ్తో అంటుకోవాలని నేను సూచిస్తున్నాను.

చిట్కాలు మరియు థింగ్స్ కోసం చూడండి

ఈ విధానం చిన్న స్టైలింగ్ అవసరాలకు ఉత్తమంగా పనిచేస్తుంది, అయితే మీరు ఒక పత్రంలో టెక్స్ట్ యొక్క ఒక చిన్న భాగాన్ని మాత్రమే మార్చాల్సిన అవసరం ఉన్నట్లయితే, ఇది త్వరగా నియంత్రణను పొందగలదు. మీ పేజీ ఇన్లైన్ ఎలిమెంట్లతో నిండిపోయింది అని మీరు కనుగొంటే, మీరు మీ CSS ఫైల్ లో ఉపయోగించే ప్రత్యేకమైన తరగతులను కలిగి ఉంటారు, మీరు తప్పు చేస్తూ ఉండవచ్చు, మీ పేజీలో ఉన్న ఈ ట్యాగ్ల గురించి గుర్తుంచుకోండి, ఆ పేజీ ముందుకు వెళ్లడానికి కొనసాగించటానికి అవకాశం ఉంది. అదనంగా, మంచి వెబ్ టైపోగ్రఫీ అరుదుగా పేజీ అంతటా రంగు యొక్క అనేక రకాలు, మొదలైనవి ఉంది!