Inleiding - Fonts
CSS Shorthands
Verder met de tutorial over CSS! Deze keer behandel ik shorthands. Het is even wat theorie, maar stamp het in je hoofd en je zult er nooit spijt van krijgen. Shorthands moet je zien als een soort steno voor CSS. In plaats van elk attribuut specifiek op te geven, doe je er een aantal in één keer.
Fonts
Font attributen, uitgebreide vorm:
[red]p {
font-family: verdana;
font-size: 12px;
line-height: 18px;
font-weight: bold;
font-style: italic;
}[/red]
Font shorthand:
[red]p {
font: italic bold 12px/18px verdana;
}[/red]
Bij de font shorthand hou je deze volgorde aan: style weight size line-height family
De shorthand moet minstens bevatten: size - family
De fontkleur kun je helaas niet in een shorthand verwerken. Die geef je apart op met 'color'.
Er is wel een korte schrijfwijze voor kleur. Ik werk altijd hexadecimaal, dus met waarden van 0 tm F. Hexadecimaal mag je op twee manieren opgeven: #FF0000 (format RRGGBB), of #f00. De korte schrijfwijze doe ik altijd lowercase, voor het overzicht. Met de lange schrijfwijze heb je meer kleurcombinaties, maar bijvoorbeeld gewoon blauw (#0000FF) schrijf je sneller als #00f.