Tekst

In CSS kun je zeer veel met je teksten. Je kunt de letters een franje geven, de letters meer of minder uit mekaar laten weergeven, alle letters groot of klein laten weergeven of een mix ervan. Je kunt de tekst in CSS natuurlijk ook een kleurtje geven. Dat gebeurd zo:
h1 {color: #00ff00}
h2,h4 {color: #dda0dd}
p {color: rgb(0,0,255)}
Al de opgenoemde elementen krijgen de kleuren die eachter staan. Vrij handig dus als je veel headers of paragrafen hebt.
De ruimte tussen de letters kan ook veranderd worden. Vroeger lag het aan het lettertype maar nu met CSS is dit ook mogelijk. Namelijk zo:
h1 {letter-spacing: -3px}
h4 {letter-spacing: 0.5px}
De tekst/tekens van de h1 elementen liggen -3 pixels uit mekaar en de tekst/tekens van de h4 elementen liggen een halve px uit mekaar. Zo kun je je pagina en de tekst nog duidelijker maken!
De teksten van verschillende headings verschillend laten weergeven? Bijvoorbeeld links, rechts en in het midden:
h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}
Het is de bedoeling dat je nu in de gaten hebt dat de h1 elementen in het midden van de pagina worden weergegeven, de h2 elementen aan de linker kant en de h3 aan de rechter kant!
De tekst versieren:
<style type="text/css">
h1 {text-decoration: overline}
h2 {text-decoration: line-through}
h3 {text-decoration: underline}
a {text-decoration: none}
</style>
Nou wordt de h1 met een lijn er boven geschreven, de h2 met een lijn erdoorheen, de h3 met een lijn eronder en de links (a) worden zonder franje geschreven.
Nieuwe alinea's (paragrafen) een halve centimeter later laten inspringen doe je zo:
p {text-indent: 1px}
Het begin van alle paragrafen <p> </p> wordt nu 1 px later ingesprongen. Zeer leuk effect voor lange pagina's.
Andere functie voor tekst zijn ook nog:
{text-transform: uppercase}
{text-transform: lowercase}
{text-transform: capitalize}
uppercase is alles in HOOFDLETTERS OOK AL SCHRIJF JE DAT NIET ZO!
lovercase is alles in kleine letters ook al typ je hoofdletters!
Capitalize Is Elk Woord Beginnen Met Een Hoofdletter Ook al Schrijf Je Ze Niet!
Deze functies vind ik een beetje irritnat maar ik noem ze toch maar, wie weet komt het sommige mensen van pas.