Padrões W3.CSS
W3.CSS é fácil de ler
As páginas W3.CSS são fáceis de ler, mesmo para pessoas com deficiências leves de leitura.
- O tamanho da fonte padrão é 15px
- A fonte padrão é Verdana, que tem um bom espaçamento entre letras
- O espaçamento entre linhas padrão (1,5) também é muito bom
Títulos HTML <h1> - <h6>
Por padrão, o W3.CSS estiliza os títulos HTML desta forma:
Exemplo
<h1>Heading 1 (36px)</h1>
<h2>Heading 2 (30px)</h2>
<h3>Heading 3 (24px)</h3>
<h4>Heading 4 (20px)</h4>
<h5>Heading 5 (18px)</h5>
<h6>Heading 6 (16px)</h6>
Classes de tamanho de fonte
Os títulos devem ser usados para o que são: Títulos.
Com W3.CSS, os tamanhos de fonte podem ser definidos pelas seguintes classes de tamanho w3 :
Exemplo
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Substituindo os padrões W3.CSS
Substituir as configurações padrão do W3.CSS é muito fácil.
Você tem pelo menos três opções:
- Substitua as configurações padrão na seção <head> da sua página
- Adicione seu próprio arquivo CSS após W3.CSS
- Baixe e altere o conteúdo do arquivo W3.CSS
Substituir em<head>
h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
Adicione seu próprio CSS
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="myStyle.css">
Alterar W3.CSS
h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}
Alterando a fonte padrão
No cabeçalho da sua página web (ou na sua folha de estilo), após carregar o W3.CSS, altere o estilo do html e do corpo:
Exemplo
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>