Ebben a rövid tutorialban a szövegstílusokról lesz szó, ami alatt nem mást értek, mint a félkövér, dőlt, aláhúzott, áthúzott stílust értem. Ezekkel tudod kiemelni a szavakat, mondatokat a többi közül, főleg, ha megformálod őket CSS-el. A következő CSS kódokkal egyedire, és eltérőre formálhatod meg ezeket a stílusokat.

 

Félkövér

A tage a félkövér stílusnak a <b> vagy a <strong> attól függően, milyen szerkesztőt használsz. A legjobb, ha a CSS-ben mindkettőt megjelölöd.

b, strong{ /*félkövér stílus*/
color: #0bcce6; /*betűszín*/
text-shadow: #000000 1px 1px 0px;  /*árnyék a betűnek*/
letter-spacing: 1px; /*betűköz nagysága pixelben*/
}

 

Dőlt

A dőlt stílusnak három tagét ismerjük: <i> vagy <italic> vagy <em>. Itt is mindhármat megjelöljük.

i, talic, em{
color: #0bcce6; /*betűszín*/
text-shadow: #ffffff 1px 1px 1px; /*árnyék a betűnek*/
}

 

Aláhúzott

Az aláhúzottnak kettő tage van: <u> vagy <underline>

u, underline{
color: #0bcce6; /*betűszín*/
text-shadow: #ffffff 1px 1px 1px; /*árnyék a betűnek*/
}

 

Áthúzott

Tagjei: <del> vagy <s>

s, del{
color: #0bcce6; /*betűszín*/
text-shadow: #ffffff 1px 1px 1px; /*árnyék a betűnek*/
}

 

Ennyi lenne a rövid leírás, még talán annyit hozzáfűznék, hogy ha mindegyik stílust külön színekkel jelölöd, akkor jobban kiemeli a szöveged, viszont nem érdemes gyakran használni őket, mert akkor az oldalad egy színes kavalkád lesz, ami így az eredeti átláthatósági cél helyett csak minél átláthatatlanabb lesz. Nem kell túlzásba vinni, és akkor nagyon jól néznek ki ezek a stílusok az oldaladon.


Kérdésed van? Írj bátran!









Hozzászólásod csak jóváhagyás után fog megjelenni.

Ellenőrző kód *