A betűtípus színeit, méreteit és egyéb paramétereit megadhatja egy külső CSS stíluslapon. Ha azonban csak egy szó vagy kifejezés színét szeretné megváltoztatni, akkor a legegyszerűbb, legegyszerűbb módszer a címke belső használata. Az inline CSS csak úgy hangzik: külső oldal helyett az oldal HTML-jébe kerül.
Kerülje az elavult címke használatát.
Így módosíthatja a szó színét a címke használatával:
A kívánt szöveg- vagy HTML-szerkesztő használatával kódnézet módban vigye a kurzort a színezni kívánt szó vagy szócsoport első betűje elé.
Tekerje be a szöveget, amelynek színét meg akarjuk változtatni, egy címkével, beleértve az osztály attribútumot is. A teljes bekezdés így nézhet ki: Ez egy olyan szöveg, amelyre egy mondat összpontosít.
-
Adja meg az adott szövegnek egy "horgot", amelyet felhasználhatunk a CSS-ben. A következő lépés a külső CSS-fájlra való ugrás egy új szabály hozzáadásához.
A CSS fájlunkban tegyük hozzá:
.focus-text {
szín: # F00;
}
Ez a szabály azt az inline elemet, a vörös színben jeleníti meg. Ha volt egy korábbi stílusunk, amely a dokumentumunk szövegét fekete színűvé tette, ez a beillesztett stílus a span szöveget összpontosította és kiemelte a különböző színnel. Ehhez a szabályhoz hozzáadhatunk más stílusokat is, esetleg a szöveget dőlt vagy félkövérré téve, hogy még inkább hangsúlyozzuk?
-
Mentsd el az oldalt.
Tesztelje az oldalt kedvenc webböngészőjében, hogy lássa a változásokat.
Ne feledje, hogy az internetes szakemberek mellett más elemeket is használnak, például a vagy a címkepárokat. Ezek a címkék korábban kifejezetten félkövér és dőlt betűsek voltak, de elavultak és helyettesítették őket és. A címkék még mindig működnek a modern böngészőkben, azonban sok webfejlesztő használja őket inline stílus kampóként. Ez nem a legrosszabb megközelítés, de ha el akarja kerülni az elavult elemeket, javasoljuk, hogy ragaszkodjon a címkéhez az ilyen stílusú igényekhez.
Tippek és dolgok, amelyekre figyelni kell
Bár ez a megközelítés jól működik olyan kis stílusú igények esetén, mint például, ha csak egy kis szövegrészletet kell megváltoztatnia a dokumentumban, az gyorsan kontrollálhatatlan. Ha úgy találja, hogy az oldala soros elemekkel van tele, amelyek mindegyikének egyedi osztályai vannak, amelyeket a CSS-fájljában használ, tedd rosszul, ne feledd, minél több ilyen címke van az oldalon, annál nehezebb fenntartani az oldalt előre. Ezenkívül a jó webes tipográfiában ritkán van ennyi színváltozat stb. az egész oldalon.