A CSS használata a betűszín megváltoztatására

Különféle betűszínekkel szeretné feldobni webhelyét? Ezt CSS segítségével teheti meg. A CSS a Cascading Style Sheets rövidítése, és ez az alapértelmezett nyelv bármely webhely stílusának létrehozásához és kezeléséhez.

Három módszer létezik a CSS alkalmazására egy HTML-dokumentumra. Ezek a beépített CSS, a belső/beágyazott CSS és a külső CSS.

Első módszer: Inline CSS

A betűszín megváltoztatásához a CSS-ben létre kell hoznia egy CSS-szabályt a beállításához a színtulajdonság értéke.

Az inline metódus a stílus tulajdonságot használja, amelyet szinte minden elemre alkalmazhat. Íme egy példa, amely egy HTML-bekezdés betűszínét pirosra állítja:

A szöveg bekezdése

Ugyanezt a hatást érheti el belső/beágyazott CSS vagy külső CSS használatával.

Második módszer: Belső/beágyazott CSS

Ezt a módszert akkor használhatja, ha olyan CSS-szabályokat szeretne létrehozni, amelyek egy HTML-elem egynél több példányát érintik, de csak egyetlen oldalon. A CSS-szabályok ezután a HTML-oldal fejlécébe íródnak egy stíluselem segítségével:

Harmadik módszer: Külső CSS

Ugyanezen hatás elérésének harmadik módja egy külső CSS-stíluslap használata. Szövegszerkesztővel hozzon létre egy ".css" kiterjesztésű fájlt. Az általános gyakorlat az, hogy ezt a fájlt valami hasonlónak nevezik stíluslap.css de bármit elnevezhetsz, ha megtartod a ".css" kiterjesztést.

A törzsszöveg zöldre színezéséhez, például egy külső stíluslap használatával, egyszerűen illessze be a CSS-szabályt a következőképpen:

p { szín: kék }

A HTML-dokumentumban a stíluslapra mutató hivatkozást kell tartalmaznia a HTML fejelemben:

A szöveg bekezdése

Betűszín megváltoztatása HTML-ben, CSS nélkül

A legjobb gyakorlat a CSS használata, de a következőképpen változtathatja meg a betűtípus színét a HTML használatával:

A szöveg bekezdése

A font elem a color attribútumával együtt elavult. Ez azért van, mert ezek inkább prezentációs, mint szerkezeti elemek. A modern HTML-nek csak szerkezeti elemekből kell állnia.

A betűszín megváltoztatása a CSS-ben viszonylag egyszerű

Három módszert mutattunk be a betűszín megváltoztatására a CSS-ben. Azt is megmutattuk, hogyan teheti ezt meg a régi módon a HTML betűtípus címkével. Próbálja ki őket, és nézze meg, melyik működik a legjobban az Ön számára!

Miután elsajátította a betűszín megváltoztatását CSS és HTML használatával, érdemes lehet sajátítania a betűméret megváltoztatását HTML-ben.

Hogyan változtassuk meg a HTML betűméretet a CSS-ben

Olvassa el a következőt

A szerzőről