CURSO COMPLETO HTML5

CURSO COMPLETO CSS3

CSS Fonte Abreviada

 CSS Fonte Abreviada

A propriedade da fonte CSS

A font propriedade é uma propriedade abreviada para:

Ø  font-style

Ø  font-variant

Ø  font-weight

Ø  font-size/line-height

Os valores font-sizee font-family são obrigatórios

Na prática

<!DOCTYPE html>

<html>

<head>

<style>

p.a {

  font: 20px Arial, sans-serif;

}

p.b {

  font: italic bold 12px/30px Georgia, serif;

}

</style>

</head>

<body>

<h1>A propriedade da fonte</h1>

<p class="a">Isso é um parágrafo. O tamanho da fonte é definido como 20 pixels e a família da fonte é Arial</p>

<p class="b">Isso é um parágrafo. A fonte é definida como itálico e negrito, o tamanho da fonte é definido como 12 pixels, a altura da linha é definida como 30 pixels e a família da fonte é Georgia.</p>

</body>

</html>