tutoriais mais recente desenvolvimento web
 

W3.CSS Tipografia


Fácil de ler

páginas W3.CSS são fáceis de ler, mesmo para as pessoas com ligeiras dificuldades de leitura.

  • Todas as fontes utilizadas são fáceis fontes legíveis 15px sans-serif
  • A fonte padrão (Verdana) tem um espaçamento muito boa carta
  • O line-espaçamento padrão (1.5) também é muito bom

HTML Títulos <h1> - <h6>

Por padrão cabeçalhos estilos w3.css HTML desta maneira:

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>
Tente você mesmo "

Classes font-size

Os títulos devem ser usados ​​para o que são: títulos.

Com W3.CSS, tamanhos de fonte pode ser definido por classes:

Exemplo

w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
Tente você mesmo "

Substituindo as Normas

Substituindo os padrões W3.CSS é muito fácil.

Você tem pelo menos três opções simples:

  1. Substituir o padrão na seção <head> de sua página
  2. Adicione seu próprio arquivo CSS após W3.CSS
  3. Faça o download e alterar o conteúdo do arquivo W3.CSS

Substituir no <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;}
Tente você mesmo "

Adicione seu próprio CSS

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<link rel="stylesheet" href="myStyle.css">

mudança 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}