|
Tekst je najvažniji dio sadržaja svake stranice. Na njega će svi posjetitelji obratiti pozornost, te ako vam je sadržaj jedan od glavnih aduta stranice, svakako ćete se morati dobrano potruditi oko njegovog prikaza. Najjednostavniji atribut nekog teksta je, naravno, njegova boja. Za definiranje boja vrijede pravila ista kao u HTML-u - boje možete napisati heksadecimalno ili korištenjem jednog od 16 tekstualnih naziva.
div { color: black; } p { color: #00003D; }
Možete mijenjati i veličinu fonta, no pripazite na jedinice. U tablici možete pronaći dostupne jedinice uz koje ćete, naravno, morati koristiti i brojčane vrijednosti. | Jedinica | Kratica | Opis | em | em | Visina fonta
| | ex | ex | Visina slova x u fontu
| | pica | pc | 1 pica je 12 pointa
| | point | pt | 1/17 inča
| | piksel | px | Jedna točka na ekranu
| | milimetar | mm | Veličina pri ispisu
| | centimetar | cm | Veličina pri ispisu | | inch | in | Veličina pri ispisu |
div { font-size: 12pt; } p { font-size: 16px; }
Najvažniji atribut nekog teksta koji direktno utječe na njegovu čitljivost je korišteni font. Sigurno znate da je najčitljiviji (tj. najlakši za čitanje) Times New Roman font, no izgledom nije baš idealan. Često ćete radije koristiti font poput Ariala ili Verdane. U sklopu font-family svojstva možete navesti više fontova odvojenih zarezom. Ako je slučajno prvi navedeni font dostupan (primjerice, ne postoji na surferovom računalu ili se ne može prikazati u njegovom pregledniku), uzima se sljedeći navedeni. Tako možete navesti proizvoljan broj fontova, no ako niti jedan ne može biti prikazan, surferov će preglednik prikazati defaultni - Times New Roman (to vrijedi za Windows platformu). div { font-family: Arial, Verdana, Tahoma; }
Želite li još dodatno urediti tekst, možete ga podcrtati, prekrižiti ili ga ispisati u bold stilu. Za to će vam poslužiti text-decoration i font-weight svojstva: div { text-decoration: underline; font-weight: bold; } p { text-decoration: line-trough; font-weight: normal; }
To je to! Ugodno kodiranje.
|