Kiel Ŝanĝi la Koloron de Vorto Kun la Span Tag kaj CSS

Kun CSS , estas facile agordi la koloron de teksto en dokumento. Se vi volas ke alineoj en via paĝo estu donitaj en certa koloro, vi simple specifos tion en via ekstera stilo-folio kaj la retumilo montros vian tekston en tiu elektita koloro. Kio okazas tiam, kiam vi volas ŝanĝi la koloron de nur unu vorto (aŭ eble nur kelkajn vortojn) en alineo de teksto? Por tio, vi bezonos uzi inline elementon kiel la etikedo.

Finfine, ŝanĝante la koloron de unu vorto aŭ malgranda grupo de vortoj en frazo estas facile uzi CSS, kaj la etikedoj estas valida HTML, do ne zorgu pri tio, ke tio estas ia hako. Kun ĉi tiu aliro, vi ankaŭ evitas uzi nekonatajn etikedojn kaj atributojn kiel "tiparo", kiu estas produkto de aldonita HTML-erao.

Ĉi tiu artikolo estas por komencaj retejaj programistoj, kiuj verŝajne novaj al HTML kaj CSS. Ĝi helpos vin lerni kiel uzi la HTML-etikedon kaj CSS ŝanĝi la koloron de specifa teksto sur viaj paĝoj. Dirite, estas iuj malfacilaĵoj al ĉi tiu metodo, kiun mi kovros ĉe la fino de ĉi tiu artikolo. Nuntempe, legu por lerni la paŝojn por ŝanĝi ĉi tiun tekston-koloron! Ĝi estas tre facila kaj devus daŭri ĉirkaŭ 2 minutojn.

Paŝo De Paŝo Instrukcio

1. Malfermu la retpaĝon, kiun vi volas ĝisdatigi en via plej ŝatata teksto HTML-redaktilo. Ĉi tio eblus programon kiel Adobe Dreamweaver aŭ simple redaktilo de teksto kiel Notepad, Notepad ++, TextEdit, ktp.
2. En la dokumento, loku la vortojn, kiujn vi volas montriĝi en malsama koloro en la paĝo. Pro ĉi tiu lernilo, ĝi uzas iujn vortojn, kiuj estas ene de pli granda alineo de teksto. Tiu teksto estos enhavita ene de la dueto. Trovu unu el du vortoj, kies koloro vi ŝatus redakti.
3. Metu vian kursoron antaŭ la unua litero en la vorto aŭ grupo de vortoj, kiujn vi volas ŝanĝi koloron. Memoru, se vi uzas WYSIWYG- redaktanton kiel Dreamweaver, vi nun laboras en "kodo vido" rigore.
4. Lasu enmeti la tekston, kies koloron ni volas ŝanĝi kun etikedo, inkluzive de klaso-atributo. La tuta alineo eble aspektas tiel: Ĉi tio estas teksto, kiu enfokusigas en frazo.
5. Ni nur uzis inline elementon, la, por doni tiun specifan tekston "hoko", kiun ni povas uzi en CSS. Nia sekva paŝo estas salti al nia ekstera CSS-dosiero por aldoni novan regulon.

1. En nia CSS-dosiero, ni aldonu:
   1. .focus-teksto {
   2. koloro: # F00;
   3. }
   4. Deer
2. Ĉi tiu regulo starigis tiun inlinean elementon, la, por montriĝi en la ruĝa koloro. Se ni havus antaŭan stilon, kiu enmetis la tekston de nia dokumento al nigra, ĉi tiu inlinea stilo kaŭzus, ke la teksta teksto centriĝos kaj elstaras kun la malsama koloro. Ni ankaŭ povus aldoni aliajn stilojn al ĉi tiu regulo, eble fari tekston aŭ kuragxon por emfazi ĝin eĉ pli?
3. Konservu vian paĝon.
4. Provu la paĝon en via plej ŝatata retumilo por vidi la ŝanĝojn efektive.
5. Rimarku, ke krom iuj, iuj profesiaj retejo elektas uzi aliajn elementojn kiel la etikedaj paroj. Ĉi tiuj etikedoj kutimis esti "kuraĝaj" kaj "kursivaj" specife, sed estis senkulpigitaj kaj anstataŭigitaj per kaj. La etikedoj ankoraŭ funkcias en modernaj foliumiloj, tamen, tiom da retejaj programistoj uzas ilin kiel inline-stilajn hokojn. Ĉi tio ne estas la plej malbona aliro, sed se vi volas eviti ajnajn malkreskajn elementojn, mi sugestas, ke mi konservu la etikedon por ĉi tiuj specoj de stilo.

Konsiletoj kaj Aferoj por Atentigi

Dum ĉi tiu aliro funkcias bone por malgrandaj belaj bezonoj, kvazaŭ vi bezonos ŝanĝi nur unu malgrandan tekston en dokumento, ĝi rapide povas ekstere de kontrolo. Se vi trovos, ke via paĝo estas ligitaj kun inlineaj elementoj, ĉiuj el kiuj havas unikajn klasojn, kiujn vi uzas en via CSS-dosiero, vi povas fari ĝin malĝuste, memoru, kiom pli da ĉi tiuj etikedoj estas en via paĝo, pli malfacile verŝajne estos konservi tiun paĝon antaŭen. Aldone, bona TTT-tipografio malofte havas multajn variantojn de koloro, ktp en la tuta paĝo!