Როგორ შევცვალოთ ფერის Word ერთად Span Tag და CSS

CSS- ით , ტექსტის ფერის შედგენა ადვილია. თუ გსურთ თქვენი გვერდის პარაგრაფები გარკვეულ ფერში, თქვენ უბრალოდ დააკონკრეტებთ, რომ თქვენს გარე სტილში და ბრაუზერში გამოჩნდება თქვენი ტექსტი ამ არჩეულ ფერში. რა მოხდება მაშინ, როდესაც ტექსტის პარაგრაფში მხოლოდ ერთი სიტყვის (ან, შესაძლოა, რამდენიმე სიტყვის) ფერის შეცვლა გინდა? ამისათვის თქვენ უნდა გამოვიყენოთ inline ელემენტის მსგავსად.

საბოლოოდ, შეცვლის ფერი ერთი სიტყვა ან მცირე ჯგუფის სიტყვა ფარგლებში სასჯელი ადვილი გამოყენებით CSS, და tags არის სწორი HTML, ასე რომ არ ინერვიულოთ შესახებ, რომ ეს რაღაც სახის hack. ამ მიდგომით, თქვენ ასევე თავიდან უნდა იქნას აცილებული მოშორებული ტეგები და ატრიბუტები, როგორიცაა "შრიფტი", რომელიც არის წინა HTML ეპოქის პროდუქტი.

ეს სტატია არის დასაწყისში ვებ დეველოპერები, რომლებიც სავარაუდოდ ახალია HTML და CSS. ეს დაგეხმარებათ ისწავლონ, თუ როგორ გამოიყენოთ HTML ტეგი და CSS თქვენი გვერდების სპეციფიური ტექსტის შესაცვლელად. რომ განაცხადა, არსებობს გარკვეული ხარვეზები ამ მეთოდით, რომელიც მე დაფარავს ბოლოს ამ მუხლის. ახლა, წაკითხვის შესახებ, რომ ისწავლონ ნაბიჯები შეცვალოს ეს ტექსტი ფერი! ძალიან ადვილია და დაახლოებით 2 წუთი უნდა მიიღოს.

ეტაპობრივად ინსტრუქცია

1. ვებ-გვერდის გახსნა გსურთ თქვენი საყვარელი ტექსტის HTML რედაქტორის განახლება. ეს შეიძლება იყოს პროგრამა, როგორიცაა Adobe Dreamweaver ან უბრალოდ ტექსტური რედაქტორი, როგორიცაა Notepad, Notepad ++, TextEdit და ა.შ.
2. დოკუმენტში, მოძებნეთ სიტყვა, რომელიც გსურთ იხილოთ სხვა ფერის გვერდზე. ამ ტერმინის გულისთვის, გამოიყენეთ რამდენიმე სიტყვა, რომელიც უფრო დიდი ტექსტის ტექსტშია. ეს ტექსტი შეიცვლება თეატრალური წყვილის ფარგლებში. იპოვეთ ერთი ორი სიტყვა, რომლის ფერის რედაქტირება გსურთ.
3. დააყენეთ თქვენი კურსორი სიტყვისა თუ ჯგუფის სიტყვის პირველ წერილში, რომლის შეცვლაც გსურთ. გახსოვდეთ, თუ თქვენ იყენებთ WYSIWYG- ის რედაქტორს, როგორიცაა Dreamweaver, თქვენ მუშაობთ "კოდის ხედით" rigth ახლა.
4. გადავწერთ ტექსტს, რომლის ფერიც გვსურს შევცვალოთ ტეგით, მათ შორის კლასის ატრიბუტი. მთელი პუნქტი შეიძლება ასე გამოიყურებოდეს: ეს არის ტექსტი, რომელიც მიმართულია სასჯელს.
5. ჩვენ ახლახანს გამოვიყენეთ inline ელემენტი, რომ მივცეთ კონკრეტული ტექსტი "Hook", რომელიც ჩვენ შეგვიძლია გამოვიყენოთ CSS- ში. ჩვენი შემდეგი ნაბიჯი არის გადასვლა ჩვენი გარე CSS ფაილი დაამატოთ ახალი წესი.

1. ჩვენს CSS ფაილში, დავამატებთ:
   1. . ფოკუს-ტექსტი {
   2. ფერი: # F00;
   3. }
   4. അഴി
2. ამ წესის დადგენა, რომ inline ელემენტს, რომ გამოჩნდეს ფერი წითელი. თუ ჩვენ გვქონდა წინა სტილი, რომელიც ჩვენი დოკუმენტის ტექსტს შავზე აყენებდა, ამ ინტილი სტილს შეეძლებოდა span- ის ტექსტის ფოკუსირება და განსხვავებული ფერით. ჩვენ შეგვიძლია დავამატოთ სხვა წესები ამ წესისთვის, შესაძლოა, ტექსტის ესთეტიკის ან გაბედული ხასიათის კიდევ უფრო ხაზგასმა?
3. შეინახეთ გვერდი.
4. შეამოწმე გვერდი თქვენს საყვარელ ბრაუზერში, ცვლილებების სანახავად.
5. გაითვალისწინეთ, რომ გარდა ამისა, ზოგიერთი ვებ პროფესიონალები აირჩიონ გამოიყენონ სხვა ელემენტები, როგორიცაა ან tag წყვილი. ეს ტეგები გამოყენებული იყო "გაბედული" და "ჭეშმარიტებისთვის", მაგრამ ისინი არ დაემორჩილნენ და შეცვალეს. Tags ჯერ კიდევ მუშაობენ თანამედროვე ბრაუზერებში, თუმცა ამდენი ვებ დეველოპერები იყენებენ მათ, როგორც ინტილი სტილის ჰუკებს. ეს არ არის ყველაზე ცუდი მიდგომა, მაგრამ თუ გინდა, რომ თავიდან იქნას აცილებული ნებისმიერი დესტაბილირებული ელემენტები, მე გთავაზობთ ვხატავთ tag ამ ტიპის სტილის საჭიროებებს.

რჩევები და მოსაზრებები

მიუხედავად იმისა, რომ ეს მიდგომა მუშაობს პატარა სტილის მოთხოვნილებებზე, მოსწონს, თუ დოკუმენტში მხოლოდ ერთი პატარა ნაჭრის ტექსტი უნდა შეიცვალოს, მას შეუძლია სწრაფად გააკონტროლოს კონტროლი. თუ გაიგებთ, რომ თქვენი გვერდი ინტიმური ელემენტებით არის სავსე, ყველა მათგანს აქვს უნიკალური კლასები, რომლითაც იყენებთ თქვენს CSS ფაილს, თქვენ შეიძლება აკეთოთ ეს არასწორი, გაითვალისწინეთ, რომ ამ გვერდებზე უფრო მეტია, რაც თქვენს გვერდზე არის სავარაუდოდ, რომ გვერდი შენარჩუნდეს. გარდა ამისა, კარგი ვებ ტიპოგრაფიის იშვიათად აქვს, რომ ბევრი ვარიანტი ფერი და ა.შ. მთელ გვერდზე!