![[CSS][TUTORIAL]Alterando o tamanho da fonte Empty](https://2img.net/i/empty.gif)
[CSS][TUTORIAL]Alterando o tamanho da fonte 06.07.14 21:27
Alterando o tamanho da fonte
1- Primeiramente crie sua div e classe CSS.
HTML:
- Código:
<div class="tutorialfonte">TEXTO DE TESTE</div>
CSS:
- Código:
.tutorialfonte {
}
2- O comando do size(tamanho da fonte) do css é:
font-size: NumeroPX;
(*Numero = O tamanho da fonte que queira em numero exemplo: "50px;"*)
3- adicione no seu css:
- Código:
.tutorialfonte {
font-size: 50px;
}
4- Altere como quiser o numero !
5- Antes e depois:
Antes:
![[CSS][TUTORIAL]Alterando o tamanho da fonte HGqow7C](https://i.imgur.com/HGqow7C.png)
https://i.imgur.com/HGqow7C.png
Depois:
![[CSS][TUTORIAL]Alterando o tamanho da fonte Hicfvkm](https://i.imgur.com/hicfvkm.png)
https://i.imgur.com/hicfvkm.png
HTML PRONTO:
- Código:
<!-- base disponibilizada pela http://www.power-pixel.net -->
<html>
<head>
<title>SEU TITULO</title>
<meta charset="windows-1252">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<style type="text/css">
.tutorialfonte {
font-size: 50px;
}
</style>
<body>
<div class="tutorialfonte">TEXTO DE TESTE</div>
</body>
</html>
Atenciosamente
Example
Example
Última edição por Example em 06.07.14 21:42, editado 1 vez(es)
