søndag 7. september 2014

HTML: En kodesnutt

Jeg trengte en ny klasse til den neste posten som kommer, da jeg så at jeg kom til å ha flere ord som skulle defineres, og jeg ønsket verken å bruke definisjonsliste (<dl>) eller bare ordinær, fet tekst. Rent typografisk sett, er ikke fet tekst så dumt; man bør velge det dersom det er noe man ønsker skal skille seg ut på papiret, slik at blikket fanger det opp når man bare sveiper over arket med øynene. Av hensyn til det sistnevnte, valgte jeg å bruke <b>, slik at hvis noen skulle velge å se på sida mi uten å ha stilarket aktivert, beholder de effekten av uthevinga. For å gjøre det litt mer stilfullt, skrev jeg denne lille kodesnutten, som jeg allerede har delt på Google+:

.def, b.def { font-weight: 300; font-variant: small-caps; font-size: 110%; background-color: #262636; border-radius: 0.3em; padding: 0em 0.25em 0.1em 0.25em; text-shadow: 0em 0em 0.15em #a6a6c3; }
Bilde som viser hvordan effekten er av å bruke kodesnutten jeg skreiv for å formatere ord som skal defineres. 20©14 Tor-Ivar Krogsæter.
Og slik ser det ut når man har valgt å bruke koden over. Ikke dumt, eller hva?