Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Știri
  • Cum se schimbă culoarea fontului. Culoarea textului în Word

Cum se schimbă culoarea fontului. Culoarea textului în Word

În acest tutorial ne vom uita la ultimul atribut de etichetă , care stabilește culoarea textului. În mod implicit, textul este negru, care este afișat pe un fundal alb. Pentru a schimba culoarea textului în html, trebuie să aplicați atribut de culoare etichetă :

Pentru a seta o culoare, trebuie doar să specificați numele acesteia, de exemplu: roșu, verde, albastru. Să ne uităm la un mic exemplu:

<span>Lecția 6. Schimbarea culorii textului</span>

Text verde

Text roșu

Text Violet

Să vedem rezultatul în browser:

Textul din primul paragraf a devenit verde, al doilea paragraf a devenit roșu, iar al treilea paragraf a devenit violet. În total există 16 nume de culori primare și 130 de nume suplimentare. Lista plina culorile pe care le puteți vedea în tabelul de culori html.

Acest mod de a indica culoarea este foarte simplu, dar foarte limitat. Prin urmare, pentru a schimba culoarea în codul html, se folosesc adesea număr hexazecimal precedat de un semn hash (#), de exemplu:

Folosind această denumire puteți obține mai mult de 16 milioane de culori și nuanțele lor! Puteți obține codul de culoare folosind convertorul de culori HEX, care este disponibil pe site, sau folosind paleta de culori din Photoshop. Să ne uităm la un exemplu și să scriem următorul cod:

<span>Lecția 6. Schimbarea culorii textului</span>

Text verde

Text roșu

Text violet

Să salvăm fișierul și să ne uităm la rezultat:

După cum puteți vedea, am dat textului aceleași culori ca în primul exemplu, doar aici am folosit sistem hexazecimal calcul sau cu alte cuvinte, am specificat culoarea în format HEX.

Acum ați învățat cum să schimbați culoarea textului în html și la sfârșitul lecției vă sugerez să repetați toate atributele etichetei , și setați mai mulți parametri simultan textului, și anume: font, dimensiune și culoare. Scrieți un exemplu:

<span>Oferim textului mai mulți parametri</span>

Setați fontul textului, dimensiunea și culoarea

Setați fontul textului, dimensiunea și culoarea

Care ajută utilizatorul să lucreze cu documente de orice dimensiune. Cu exceptia formatare standardîn program, puteți selecta tot textul sau fragmentele acestuia cu mai multe opțiuni posibile. De exemplu, puteți schimba culoarea fontului, îl puteți face îngroșat sau italic. Împreună cu aceasta, este posibil să subliniați, să barați sau să pictați peste text cu un anumit marker. Dacă este necesar, există o funcție care vă permite să schimbați culoarea unei anumite zone. Sa luam in considerare tot felul de moduri, care vă permit nu numai să faceți vizibil un bloc de informații, ci și să eliminați selecția existentă în Word. Recomandările date vă vor permite să efectuați orice manipulare în doar câțiva pași.

Formatarea textului este una dintre funcțiile principale ale editorului

Schimbarea culorii fontului

Editorul Word are multe cele mai utile instrumente, care ajută utilizatorul să formateze rapid și eficient chiar și documentele mari. Selectarea textului se poate face printr-un panou special dotat cu mai multe instrumente care ajută la implementarea formatării textului necesară. Un fel de editor apare după ce utilizatorul selectează cel puțin un cuvânt. În plus, puteți vedea acest mic panou în meniul contextual, care apare pe ecran după ce faceți clic dreapta pe un fragment de document.

Pentru a schimba culoarea fontului în Word, trebuie să selectați partea dorită a documentului care este supusă modificării ulterioare. Apoi, folosind cursorul din bara de instrumente mică, selectați gama optimă cu care vor fi colorate toate literele și simbolurile. Dacă este necesar, utilizatorul poate schimba în mod similar culoarea textului. Opțiunea Culoare conține toate soluțiile existente.

Editor Microsoft Word vă permite să formatați ușor și eficient cantități mari de informații, folosind instrumente specifice folosind subiecte individuale, ceea ce va asigura aspect modern orice document. Este util pentru un utilizator începător să știe ce este un subiect în Word listă imensă comenzi care se pot schimba cu un singur clic schema de culori, constând dintr-un set specific de fonturi și principiu generalînregistrare Toate acestea împreună vă permit să transformați un document în doar câteva momente, schimbând nu doar textul, ci și multe alte elemente.

Evidențierea colorată a unui fragment separat al unui document

Pentru ca evidențierea culorii să se refere nu la fontul în sine, ci la zona care înconjoară spațiul fragmentului desemnat, utilizatorul trebuie să meargă la categoria „Acasă”, printre alte instrumente, să selecteze săgeata, care este situată în meniul drop. -meniu în jos lângă linia „Culoare”. Această manipulare apelează o comandă în Word care schimbă gama selecției în sine.

Utilizatorul trebuie să indice schema de culori preferată, apoi să folosească cursorul pentru a contura fragmentul dorit al documentului. Ulterior, această parte anume va fi evidențiată cu o anumită culoare.

Întoarcere vedere standard Indicatorul electronic va fi ajutat făcând clic din nou pe comanda prezentată anterior.

Anulați acțiunea selectată

Pentru a elimina selecția de text multicolor în Word, urmați exact aceiași pași pe care i-ați folosit pentru ao aplica. Tot ceea ce aveți nevoie pentru a lucra cu selectarea unui font sau a zonei din jurul acestuia se află într-o filă numită „Acasă”. Puteți elimina fonturile aldine și italice din document făcând clic în mod repetat pe anumite butoane din meniul central, în special, „Zh” și „K”. Adevărat, înainte de a modifica și elimina selecția, trebuie să „arătați” computerului locul care urmează să fie formatat. Butoanele „Fără culoare” și „Automat” ajută la eliminarea culorii fontului. Puteți schimba stilul de formatare folosind comanda Stil normal.

Astăzi, vom vorbi despre o întrebare care apare foarte des pe Internet. Și nu mai puțin des, vizitatorii blogului îmi pun această întrebare. Și cunoscând răspunsul la acesta, vei putea folosi cunoștințele dobândite în alte situații. Care sunt legate de amplasarea elementelor pe site, dimensiunea și culoarea acestora.

În general, am decis să dedic articolul cum să schimbi culoarea fontului în codul html, adică pe site. Dar vreau să subliniez încă o dată că, aplicând abilitățile dobândite din acest articol, veți putea face mai mult decât doar să schimbați culoarea fontului. Dar și culoarea de fundal, dimensiunea fontului, locația diverse elemente pe pagină și dimensiunile acestora. Și multe altele legate de editare Stiluri CSS, care sunt tocmai responsabili de aranjarea elementelor și aspect pagini. În acest caz, nu vom avea nevoie de niciunul programe suplimentare sau servicii. Tot ce aveți nevoie este browserul web pe care îl utilizați pentru a citi acest articol.

Asa de. Cea mai mare problemă nu este schimbarea proprietăților în sine. Iar definiția elementului, cunoscută și sub numele de selector, se află în fișierul style.css. ale căror proprietăți trebuie modificate pentru ca aspectul pe pagină în sine să se schimbe. Datorită capacităților actuale ale browserelor, putem determina cu ușurință selectorul dorit.

De exemplu, voi folosi unul dintre standard șabloane wordpress. Pentru aceasta vom schimba culoarea fontului. Dar prin analogie, putem efectua acțiuni similare în oricare altul tema wordpress. Și în general, pe orice, absolut orice site, indiferent dacă este sau nu al tău și ce CMS este ales. Deoarece, în orice caz, browserul afișează orice site sub formă de cod html, folosind stiluri CSS pentru a organiza aspectul necesar.

Pentru a folosi această metodă, avem nevoie de un browser web Google Chromeși site-ul în sine, pentru care trebuie să schimbați culoarea fontului.

Deschidere pagina dorită site-ul. Plasați cursorul peste obiectul care trebuie editat. În cazul nostru, acesta este fontul. De exemplu, fontul titlului articolului. Faceți clic dreapta pe titlul articolului. Apoi, în meniul derulant, selectați elementul „Vizualizare cod element”.

După aceasta, în partea de jos a ferestrei browserului va apărea fereastra suplimentara, care va afișa codul html al paginii. Cu cine vom lucra. Acum, dacă am făcut totul așa cum a fost scris mai sus, elementul de care avem nevoie va fi evidențiat în coloana din stânga ferestrei. Și stilurile sale, de care avem nevoie, vor fi afișate în coloana din dreapta a ferestrei.

ÎN în acest caz, elementul evidențiat este titlul articolului. Adică este împachetat în etichete h1...h6. Si arata cam asa:

Titlul articolului.

Acum, mai multe despre cum să utilizați această funcție de browser. În coloana din stânga putem selecta orice element al paginii web trecând cu mouse-ul peste codul html. În acest caz, elementul va fi evidențiat pentru a fi mai clar în ce element se află acest moment am ales. Și în dreapta sunt toate stilurile care se referă la acest obiect. Este demn de luat în considerare că un element poate fi afectat nu numai de stilurile legate direct de el. Dar și stiluri globale care se aplică tuturor elementelor similare din pagină.

În exemplul nostru, acesta este exact cazul. Dacă facem clic pe o etichetă de titlu, nu vom vedea în stilurile acesteia culorile fontului care i se aplică în mod specific. Aici, culoarea fontului este atribuită de selectorul global de corp, care afectează și culoarea altor fonturi, nu neapărat a titlurilor. Există, de asemenea, stiluri pentru toate tipurile de titluri simultan. Și pentru a atribui o culoare numai pentru de acest tip antet, le putem scrie separat în fișierul style.css, deoarece folosind browser-ul, am determinat ce selector este necesar pentru a atribui stiluri. În acest caz, va fi h1. Adică, pentru a defini stiluri pentru titlul articolului, trebuie să scrieți următoarele în style.css:

H1( /* stiluri antet */ )

În plus, folosind browserul, putem încerca anumite stiluri pentru orice element înainte de a-l scrie în fișierul de stiluri. Adică, cum să vă oferiți o previzualizare a aspectului. Cu toate acestea, nu se va schimba nimic pe site. Pentru a face acest lucru, dacă nu există stiluri deja definite pentru un anumit selector, putem scrie orice dorim în partea de sus a coloanei din dreapta. Adică, pentru un selector care este definit ca element.style:

În același timp, aspectul elementului se va schimba online, doar în browserul nostru. Ceea ce este foarte convenabil. Totul poate fi ajustat după cum este necesar. Și abia apoi scrieți totul într-un fișier de stil și salvați-l. Și apoi modificările vor fi afișate pe site pentru toți vizitatorii.

Acum, să schimbăm culoarea fontului titlului, aplicând ceea ce am învățat. Apropo, puteți încerca să schimbați culoarea titlului chiar în acest articol. Și voi descrie acțiunile folosind șablon standard. Acest lucru merită luat în considerare.

Eticheta dorită este selectată, dar unde este culoarea acesteia? Pentru a afla de unde vine culoarea fontului, pur și simplu derulați în jos stilurile utilizate până când vedem stiluri cu culoare. De obicei arată ca culoarea. Și pentru a verifica dacă am găsit stilul de care avem nevoie sau nu, putem da clic pe pătratul cu culoarea și înlocuim culoarea cu oricare alta. Dacă culoarea se schimbă, atunci am găsit selectorul potrivit și aici trebuie să schimbăm culoarea.

Odată ce ne-am hotărât asupra culorii de care avem nevoie. Putem copia codul de culoare și îl putem adăuga la stilurile selectorului dorit. Este important să nu greșiți atunci când alegeți un selector pentru un element! De exemplu, dacă schimbăm culoarea ca în imagine pentru selectorul pe care l-am atribuit implicit. Apoi culoarea fontului se va schimba pentru tot textul de pe site. Și avem nevoie doar de antet sau de toate anteturile.

Pentru un antet specific, codul din style.css va arăta astfel:

H1(culoare: rgb(216, 48, 48); )

Și dacă pentru întregul grup de anteturi, va fi așa:

H1, h2, h3, h4, h5, h6 (culoare: rgb(216, 48, 48); )

În plus, pentru a verifica, putem dezactiva anumite stiluri folosind caseta de selectare din stânga selectorului. Dacă debifați caseta, stilul aplicat va fi dezactivat. Dar acest lucru poate să nu funcționeze întotdeauna cu culoarea. Dar este convenabil de utilizat pentru a determina indentarea unui element, adică locația acestuia pe pagină.

Pentru a schimba culoarea folosind Browser Mozilla Firefox. De asemenea, trebuie să mergem la pagina dorită. Găsiți elementul necesar. Faceți clic dreapta pe el. Și selectați „Explora element” din meniul drop-down.

După aceasta, în partea de jos va apărea o fereastră cu codul site-ului. Și elementul selectat va fi, de asemenea, evidențiat în cod. Și, de asemenea, pe pagina în sine, browserul va încercui elementul dorit și va indica selectorul pentru acesta, ceea ce este destul de convenabil.

Acum să activați stilurile și să începeți să le editați online. Trebuie să faceți clic pe butonul „Stil” din colțul din dreapta jos. După care, în dreapta va apărea o coloană cu stilurile folosite de element. În acest caz, fontul titlului.

In regula, atunci. Definirea și schimbarea culorii fontului este absolut identică cu metoda descrisă mai sus folosind browserul Google. Prin urmare, vă recomand să vă familiarizați cu principiile de funcționare a acestui instrument. Pentru a nu fi nevoit să o repet pentru fiecare browser separat.

De asemenea, găsim selectorul dorit prin dezactivarea stilurilor sau modificarea valorilor acestora, pt elementul dorit. Numai că aici lucrurile sunt diferite cu alegerea culorii sau pur și simplu nu am găsit cum să le activez această funcție. Adică, culoarea arată pur și simplu ca un cod și o puteți schimba doar cu un cod, fără a selecta vizual o culoare. Pentru a face acest lucru, trebuie să cunoașteți codurile, cel puțin ale culorilor principale. Link către coduri diverse culoriîl găsiți la sfârșitul articolului.

După stabilirea codului de culoare și înlocuirea acestuia. Vom vedea modificări și pe pagina site-ului. Și dacă suntem mulțumiți de rezultat, pur și simplu copiem culoarea fontului, introducem selectorul dorit și lipim codul de culoare pentru acesta. După aceea, salvăm și verificăm rezultatul.

Pentru a schimba culoarea font html element, folosind browser Opera. Trebuie să deschideți o pagină cu un element al cărui aspect doriți să îl schimbați. Treceți cursorul peste el. Click dreapta. Și selectați elementul „Inspectați elementul” din meniul derulant.

După care, mai jos va apărea o fereastră suplimentară, împărțită în două părți. La fel ca și cu Google Chrome. Coloana din stânga cu codul html al paginii. Și coloana din dreapta cu stiluri CSS. Când selectați un anumit element, acesta va fi evidențiat, atât mai jos, în codul paginii, cât și pe pagina propriu-zisă.

Acum, încă o dată, căutăm un selector în coloana din dreapta, care setează culoarea fontului titlului, dezactivând sau înlocuind stilurile. Odată ce selectorul este găsit, avem posibilitatea de a schimba culoarea online pentru a găsi o culoare mai potrivită. ÎN acest browser a implementat capacitatea de a selecta culori în modul vizual, ceea ce este convenabil.

După determinarea culorii. Deschideți fișierul style.css și adăugați sau modificați stilurile dorite. Salvați și verificați rezultatul.

Atenţie! Vă rugam să acordați atentie. Dacă sunteți utilizator de browser web Mozilla Firefox sau Opera. Și este ceva ce nu înțelegi despre subiect. Înainte de a pune o întrebare, vă rugăm să citiți versiune detaliată, descris pentru browser Google Crom. Toate acțiunile sunt absolut identice în toate browserele web. Și, de asemenea, nu uitați să faceți înainte de a edita stilurile CSS.

Iar ultimul lucru care te poate ajuta este atunci când alegi culorile pentru elementele site-ului. Adică în definirea codului pentru fiecare culoare. Aceasta este o placă detaliată pe care o găsiți pe pagina dedicată special determinării codului de culoare pentru site.

Asta e tot ce am pentru azi. sper ca aceasta informatie vă va ajuta să personalizați aspectul site-ului dvs. La urma urmei, în articol schimbăm culoarea fontului doar ca exemplu. Pentru a afla cum funcționează acest instrument și, de asemenea, pentru a afla cum să determinați cu exactitate unde și ce să schimbați în fișierul style.css.

Una dintre cele mai populare opțiuni utilizate atunci când lucrați cu instrumentul Text în program Photoshop, — schimbați culoarea fontului. Puteți utiliza această funcție numai înainte de a rasteriza textul. Culoarea inscripției rasterizate este schimbată folosind instrumente de corectare a culorii. Pentru asta vei avea nevoie de orice Versiunea Photoshop, o înțelegere de bază a modului în care funcționează și nimic mai mult.

Crearea inscripțiilor în Photoshop se realizează folosind instrumentele grupului "Text" situat în bara de instrumente.

După activarea unuia dintre ele, apare o funcție de schimbare a culorii textului tastat. Când programul este lansat, în mod implicit este selectată culoarea care a fost setată în setări înainte de a fi închis ultima dată.

După ce faceți clic pe acest dreptunghi colorat se va deschide paleta de culori, permițându-vă să selectați culoarea dorită. Dacă trebuie să suprapuneți text deasupra unei imagini, puteți copia o culoare care este deja prezentă pe ea. Pentru a face acest lucru, faceți clic pe partea din imagine care are culoarea dorită. Indicatorul va lua apoi forma unei pipete.

Pentru a schimba parametrii fontului există și o paletă specială "Simbol". Pentru a schimba culoarea utilizând-o, faceți clic pe dreptunghiul colorat corespunzător din câmp "Culoare".

Paleta se află în meniu "Fereastră".

Dacă schimbați culoarea în timp ce introduceți text, inscripția va apărea împărțită în două părți Culori diferite. O secțiune de text scrisă înainte de schimbarea fontului va păstra culoarea cu care a fost introdusă inițial.

În cazul în care este necesară schimbarea culorii textului deja introdus sau fisier PSD cu nescreened straturi de text, ar trebui să selectați un astfel de strat în panoul de straturi și să selectați instrumentul „Text orizontal” dacă inscripția este situată orizontal și „ Text vertical» cu orientare verticală a textului.

Pentru a selecta cu mouse-ul, trebuie să mutați cursorul la începutul sau la sfârșitul inscripției, apoi faceți clic pe butonul din stânga. Culoarea zonei de text selectate poate fi schimbată utilizând paleta Caracter sau panoul de setări situat în partea de jos a meniului principal.

Dacă un instrument a fost deja folosit pe inscripție „Rasterizați textul”, culoarea sa nu mai poate fi schimbată folosind setările instrumentului "Text" sau palete "Simbol".

De fiecare dată când utilizatorul deschide programul, pe lângă câmpul principal destinat tastării, în partea de sus a paginii vede un meniu extins care îi permite să efectueze toate operațiunile de bază cel mai convenabil și rapid. Acest lucru se aplică și operațiunii de evidențiere a textului cu culoare.

Pentru a schimba culoarea fontului, trebuie meniul de sus selectați fila „Acasă” - de regulă, este cea care se deschide implicit la deschiderea programului. Întregul meniu al acestei file este împărțit în mai multe blocuri, al căror conținut este indicat în partea de jos a fiecărui bloc.

Pentru a evidenția textul cu culoare, trebuie să acordați atenție celui de-al doilea bloc din stânga, marcat cu cuvântul „Font”. Acest bloc conține simbolul litera „A”, care este o legătură către meniul de schimbare a culorii. Făcând clic pe o literă, utilizatorul face ca o filă să se deruleze cu o paletă de culori pe care o poate folosi pentru textul pe care îl tastează.

Este important să rețineți că există mai multe moduri de a schimba culoarea. În primul rând, puteți schimba culoarea textului care a fost deja tastat: pentru a face acest lucru, trebuie să țineți apăsat butonul din stanga mouse-ul, selectați secțiunea de text necesară, apoi în meniul menționat selectați culoarea pe care doriți să o dați fragmentului selectat.

În plus, puteți seta programului sarcina de a introduce text imediat culoarea dorită. Pentru a face acest lucru, înainte de a începe să tastați, ar trebui să selectați culoarea necesară folosind meniul de mai sus, iar toate cuvintele din viitor vor avea exact aceeași culoare. În același timp, nu uitați să folosiți aceeași metodă pentru a returna culoarea neagră a textului după ce necesitatea de a evidenția cuvintele cu culoare nu mai există.

Schimbarea culorilor folosind meniul mouse-ului

A doua modalitate de a schimba culoarea fontului presupune utilizarea mouse-ului. Unii utilizatori susțin că este mult mai convenabil, dar nu există un consens în această privință. Trebuie avut în vedere faptul că folosirea mouse-ului, ca și în cazul meniului de sus, vă permite să colorați textul deja tastat și să aplicați setarea de culoare textului viitor.

Pentru a face acest lucru, trebuie să faceți clic butonul corect soareci. Această acțiune va face să apară un meniu în care trebuie să selectați elementul „Font”. Această alegere va face să renunțe la o filă care va semăna îndeaproape cu o filă similară atunci când utilizați meniul de sus. Totuși, conține și cantitate mare opțiuni pentru schimbarea fontului, colectate într-un singur meniu, astfel încât utilizatorul trebuie să se concentreze în mod special pe schimbarea culorii.

Acest lucru se poate face selectând nuanța dorită din paleta prezentată. Ca rezultat, textul selectat sau textul pe care îl tastați ulterior va avea acea culoare.

Cele mai bune articole pe această temă