Félkövér, dőlt, aláhúzott
2015.05.04. 12:01, Enma22
Avagy adjunk nekik más stílust
Bizony lehet külön stílust adni a félkövér, dőlt és az aláhúzott szavaknak is. Ezt persze megteheted a szövegszerkesztőben is, hogy másik betűtípust, esetleg másik színt adsz egy-egy szónak, szövegrésznek, de akkor azt egyenként kell véghez vinned. Erre van kitalálva ez a kódsorozat.
félkövér: STRONG
dőlt: EM
aláhúzott: U
áthúzott: STRIKE
Vagyis:
STRONG {
}
EM {
}
U {
}
STRIKE {
}
Az áthúzott betűket ritkán használják, de blogokon már találkoztam vele, ott előszeretettel használják, attól függ éppen mit írnak a blogba.
Az én blogomon nincs ilyen, mivel semmit nem akarok áthúzni.
Amúgy ha készítesz félkövér, dőlt, vagy aláhúzott szót, és megnézed a forráskódot, akkor egy ilyen szépséges jel között látod őket:
<strong>félkövér</strong>
<em>dőlt</em>
<u>aláhúzott</u>
Az áthúzott ugyan így egy ilyen jel között van, ezek HTML kódok. De nekünk CSS-re van szükségünk, ha minden ilyen szón használni kívánjuk őket, és így bekerül majd a CSS stílusunk kódjai közé. Lásd első kiemelt posztban!
A már szokásos kódok alkalmazhatóek, saját betűtípus, szín, méret, akár keret, háttér, a dőltnek nem muszáj dőlnie, lehet egyszerűen más színű, stílusú, akár lehet mind félkövér más színekkel. lehet csupa nagybetűs, kisbetűs, bármilyen, amilyet elképzeltél. A szövegek kódjai megtalálhatóak már az oldalon, valamint, hogy miket lehet alkalmazni rajtuk, így azokat lehet felhasználni ezeknél a kódoknál is.
Pl:
STRONG {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #000000;
letter-spacing: 1px;
text-shadow: 1px 1px #ededed;
text-transform: uppercase;
}
Ennyi lenne, rakhatsz be háttérszínt is, vagy hátteret, keretet akár. Ha pontozottan, vagy szaggatottan akarod aláhúzni, akkor a kerettel tudod ezt megoldani, ami csak alul van.
Egyéb példa még a babás oldalamon van.