Fondi värve, suurusi ja muid parameetreid saate määrata välises CSS-i stiililehes. Kui soovite muuta vaid ühe sõna või fraasi värvi, on lihtsaim ja lihtsaim viis kasutada silti otse. Sisemine CSS on just selline, nagu see kõlab: see lisatakse lehe HTML-i, mitte välise stiililehe asemel.
Vältige märgendi kasutamist, mis on aegunud.
Sõna värvi muutmiseks sildi abil saate teha järgmist.
Koodivaate režiimis eelistatud teksti- või HTML-redaktori abil asetage kursor selle sõna või sõnarühma esimese tähe ette, mida soovite värvida.
Laske ümbritseda tekst, mille värvi me tahame muuta, sildiga, sealhulgas klassi atribuudiga. Kogu lõik võib välja näha selline: see on tekst, millele lauses keskendutakse.
-
Andke sellele konkreetsele tekstile "konks", mida saame CSS-is kasutada. Meie järgmine samm on uue reegli lisamiseks hüpata välisele CSS-failile.
Lisame oma CSS-faili:
.focus-text {
värv: # F00;
}
See reegel paneks selle sisemise elemendi punase värviga kuvama. Kui meil oleks olnud varasem stiil, mis pani meie dokumendi teksti mustaks, põhjustaks see sisemine stiil laiendatud tekstile keskendumise ja erineva värviga eristumise. Võiksime sellele reeglile lisada ka muid stiile, muutes teksti ehk kursiiviks või paksuks, et seda veelgi rõhutada?
-
Salvestage oma leht.
Mõjutuste muutuste nägemiseks testige lehte oma lemmikveebibrauseris.
Pange tähele, et mõned veebiprofid otsustavad lisaks sellele kasutada ka muid elemente, näiteks või sildipaare. Need sildid olid varem spetsiaalselt rasvases ja kursiivkirjas, kuid olid iganenud ja asendatud tähisega ja. Sildid töötavad tänapäevastes brauserites endiselt, kuid nii paljud veebiarendajad kasutavad neid sisemise stiilikonksuna. See pole kõige halvem lähenemisviis, kuid kui soovite vältida iganenud elemente, soovitame sedalaadi stiilivajaduste jaoks kleepida sildiga.
Nõuandeid ja asju, mida tasub jälgida
Kuigi see lähenemine sobib hästi väikeste stiilivajaduste jaoks, näiteks kui peate dokumendis muutma vaid ühte väikest tekstitükki, võib see kiiresti kontrolli alt väljuda. Kui leiate, et teie leht on täis siseseid elemente, millel kõigil on ainulaadsed klassid, mida te oma CSS-failis kasutate, võite tee valesti, pidage meeles, et mida rohkem neid silte teie lehel on, seda raskem on tõenäoliselt seda lehte säilitada edasi. Lisaks on heas veebitüpograafias harva nii palju värvivariante jne. kogu lehel.