Mei CSS is it maklik om de kleur fan tekst yn in dokumint te stellen. As jo wolle dat paragrafen op jo side yn in bepaalde kleur werjûn wurde, jouwe jo ienfâldich dat jo yn jo eksterne stylblêd en de blêder jo tekst yn dizze keazen kleur sjen lit. Wat bart dan wannear't jo de kleur fan ien wurd (of miskien mar in pear wurden) feroarje wolle binnen in tekst fan tekst? Hjirmei moatte jo in ynlette-elemint brûke as de tag.
Littens feroaret de kleur fan in inkeld wurd of in lytse groep wurden yn in sin is ienfâldich mei CSS, en de tags binne jildich HTML, dus net soargen oer dit wêzen fan in soart hack. Mei dizze oanpak kinne jo ek foarkommende tagongsrjochten en attributen brûke, lykas "font", dat is in produkt fan in fergese HTML-era.
Dit artikel is foar begjin fan webûntwikkelders dy't wierskynlik nij binne foar HTML en CSS. It sil jo leare hoe't jo de HTML-tag en CSS brûke om de kleur fan spesifike tekst op jo siden te feroarjen. Dat sein wurde, sille guon minten binne nei dizze metoade, dy't ik oan 'e ein fan dit artikel dekke sil. Foar no, lês op om de stappen te learen om dizze tekstkleur te feroarjen! It is hiel maklik en moat sa'n 2 minuten nimme.
Step By Step Instruction
- Iepenje de webside dy't jo yn jo favorite HTML-bewurkers te aktualisearje wolle. Dit kin in programma wêze lykas Adobe Dreamweaver of in gewoan tekstredakteur lykas Notepad, Notepad ++, TextEdit, ensfh.
- Yn it dokumint sykje jo de wurden dy't jo yn in oare kleur werjûn wolle op 'e side. Foar it lêzen fan dit ynstruksjetaal kinne jo brûke wat jo brûke dy't binnen in grutter tekst fan tekst binne. Dizze tekst sil binnen it thetagpaar wêze. Sykje ien fan twa wurden wêrfan jo kleur jo wolle wizigje.
- Plakje jo rinnerke foardat de earste letter yn it wurd of groep wurden dy 't jo kleur wizigje wolle. Tink derom, as jo in WYSIWYG- bewurker hawwe lykas Dreamweaver, wurkje jo no yn '' code view '' rigje no.
- Lit it tekst wekker meitsje wêrtroch wy kleur wolle mei in tag feroarje, ynklusyf in klasse-attribút. De folsleine paragraaf kin sa sjen: dit is tekst dy't rjochte is yn in sin.
- Wy hawwe gewoan in ynlette-elemint brûkt, de, om dat spesifike tekst in "hook" te jaan dat wy yn CSS brûke kinne. Us folgjende stap is om te springen nei ús eksterne CSS-bestân om in nije regel te foegjen.
- Yn ús CSS-bestân litte wy taheakje:
- .focus-text {
- kleur: # F00;
- }
- Dizze regel soe dizze ynlade-elemint sette, de, te sjen yn 'e kleur read. As wy in foarige styl hienen dy't de tekst fan ús dokumint yn swart sette, soe dizze ynline-styl de tekst fan it spanje rjochtsje op 'e fokus en steane mei de ferskate kleur. Wy kinne ek oare stilen oan dizze regel taheakje, faaks meitsje de tekst kursussen of fet om it noch mear te betsjinjen?
- Bewarje jo side.
- Besykje de side yn jo favorite webblêder om de wizigings yn 'e efkes te sjen.
- Tink derom dat inkele webside fan 'e webside ek oare eleminten brûke as de of taggenammen. Dizze tags brûkt foar spesjaal "fet" en "kursussen" wurden, mar waarden ferwurde en ferfongen mei en. De tags wurkje noch yn moderne browsers, lykwols, sa folle webûntwikkelders brûke se as ynline styling hooks. Dit is net de slimste oanpak, mar as jo gjin ôfrûne eleminten foarkomme wolle, skriuw ik it oanbieden fan 'e tag foar dizze soart styling needsaak.
Tips en dingen om te sjen foar
Hoewol dizze oplossing wurket goed foar lytse styling needsaak, krekt as as jo mar ien lyts stikje tekst yn in dokumint feroarje moatte, kin it gau út kontrôle komme. As jo fine dat jo side mei inline-eleminten ferdwûn is, allegearre dy't unike klassen hawwe dy't jo brûke yn jo CSS-triem, kinne jo miskien it ferkeard dwaan, Tink derom dat de mear fan dizze tags dy jo yn jo side hawwe, hurder it is wierskynlik om dizze side te behâlden. Boppedat hat goede web typografy selden dat folle farianten fan kleur, ensafhaal op 'e side!