Mat CSS ass et einfach d'Faarf vum Text an engem Dokument ze setzen. Wann Dir Paragrafen op Är Säit an enger gewëssener Faarw wëlle wëllt, gitt Dir einfach datt Dir an ärem externen Stylblat an den Browser Äre Text an der gewënschter Faarf unzeweisen. Wat geschitt dann wann Dir d'Faarf vun nëmmen engem Wuert (oder vläicht nëmme e puer Wierder) an engem Text vum Paragrapse änneren wëllt? Dofir musst Dir e Inline-Element wéi den Tag benotzen.
Gläichzäiteg Ännere vun der Faarf vun engem eenzegen Wuert oder enger klenger Grupp vu Wierder innerhalb e Saz ass einfach mat CSS ze benotzen an d' Tags si gëlteg HTML, also këmmere sech keng Gedrénks iwwert dës Art vu Hack. Mat dësem Approche vermeide mer och d'Benotzung vu vergewëssert Etikett an Attributiounen wéi "Schrëft", dat ass e Produkt vun enger verëffentlechter HTML-Ära.
Dësen Artikel ass fir Ufank Web Developer déi wahrscheinlech nei HTML an CSS sinn. Et hëlleft Iech ze léieren wéi Dir den HTML Tag an CSS benotze fir d'Faarwen vun spezifeschen Texter op Är Säiten z'änneren. Dat hei gesot, et ginn e puer Nofro'en fir dës Method, déi ech am Ende vum Artikel erofhuelen. Loosst Iech elo liesen d'Schrëtt fir dës Textfär ze änneren! Et ass ganz einfach an sollt ongeféier 2 Minutten daueren.
Step By Step Instruction
- Öffnen der Web Säit déi Dir wëllt an Ärem Lieblingstext HTML- Editor änneren. Dëst kéint e Programm wéi Adobe Dreamweaver oder e Text Text Editor wéi Notepad, Notepad ++, TextEdit, etc.
- Am Dokument fannt Dir d'Wierder déi Dir sicht an enger anerer Faarf op der Säit ze fannen. Fir derzou vu dësem Tutorial kënnt et e puer Wuert benotzen, déi an engem méi groussen Text vum Text sinn. Dëse Text gëtt innerhalb Thetagpaar enthale. Fannt eng vun zwou Wierder déi seng Faarf wollt änneren.
- Setzt Är Mauszeeche virun dem éischte Bréif am Wuert oder enger Grupp vu Wierder déi Dir ännert. Denkt drun, wann Dir en WYSIWYG- Editor wéi Dreamweaver benotzt, sidd Dir elo an der "Code View" -Strom.
- Loosst de Text widderhuelen deen seng Faarf wëllen mat enger Zousätz änneren wollen, mat engem klengen Attribut. De ganze Paragraphe kënnt esou ausgesi wéi: Dëst ass Text deen op eng Suerge fokusséiert ass.
- Mir hunn just en Inline-Element benotzt, fir datt dës spezifesch Text en "Hook" ass, deen mir an CSS benotzen kënnen. Eist nächste Schrëtt ass fir eis extern CSS Datei ze sprangen fir eng nei Regel ze addéieren.
- An eiser CSS Datei lued Iech of:
- .focus-text {
- Faarf: # F00;
- }}
- Dës Regel hätt dës Inline-Element festgeluegt, déi, déi an der Faarwen roud sinn. Wa mir e fréiere Stil hunn, deen den Text vun eisem Dokument schwarz schreift, deet dësen Inline-Stil d'Ursaach Text ze konzentréieren an sech mat der anerer Faarf ze halen. Mir konnten och aner Stiler an dës Regel anzegräifen, wat en Kriibs oder Fett mécht fir et méi ze ënnersträichen?
- Späichert Är Säit.
- Probéiert d'Säit an ärem Favoriten - Webbrowser fir d'Ännerungen ze gesinn.
- Bedenkt datt et niewent de verschidde Websäiten der Meenung sinn, aner Elementer wéi d'Paart oder Tester ze benotzen. Dës Schlëssel gi fir spezifesch "fett" an "Kursiv" speziell, awer ware vergewëssert a ersaat mat a. D'Stäbe maachen nach ëmmer an modernen Browser, awer sou vill Web-Entwéckler benotze si als Inline-Styling Hooks. Dëst ass net dee schlëmmsten Approche, ma wann Dir déi eventuell vergewëssert Elementer vermeit wëllt, proposéiere ech Iech de Schued ze maachen fir dës Aart a Bezuelungsbedürfnisser.
Tipps a Saachen fir ze kucken
Dës Approche funktionnéiert gutt fir kleng Styling Bedierfnisser, wéi wann Dir just e klengen Text an engem Dokument ännere musst, kann et séier séier kontrolléieren. Wann Dir fannt, datt Är Säit mat Inline-Elemente verschmëlzt gëtt, all déi e unique Klassen hunn, déi Dir benotzt an Ärer CSS-Datei hutt, da kënnt Dir et falsch maachen. Denkt drun datt méi vun dësen Tags déi op Ärer Säit sinn ass méiglecherweis fir dës Säit z'erhalen. Ausserdeem ass eng gutt Web typographie selten dat vill Varianten vu Faarf, etc. während der Säit!