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.

« Lees de omschrijving en reacties

Inhoudsopgave

  1. Inleiding - Fonts
  2. Borders
  3. Padding
  4. Background images
  5. Andere manieren om je code in te korten

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.