Downloads W3.CSS
Baixar W3.CSS
Baixe o W3.CSS neste link: https://www.w3schools.com/w3css/4/w3.css
W3.CSS é gratuito
O W3.CSS é de uso gratuito. Nenhuma licença é necessária.
Como usar o W3.CSS
Para usar o W3.CSS, basta adicionar um link para "w3.css" em suas páginas da web:
Exemplo
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
Ou baixe o w3.css e execute-o em seu próprio site:
Exemplo
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
Se você colocar w3.css em uma subpasta, adicione o nome da pasta entre barras:
Exemplo
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/foldername/w3.css">
Se você colocar w3.css na raiz da sua web, adicione uma barra:
Exemplo
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
Registro de alterações
Baixe a versão 4.13 neste link: https://www.w3schools.com/w3css/4/w3.css
| Ver | Encontro | Descrição |
|---|---|---|
| 4.15 | 12/2020 | W3-serif suplementado com w3-sans-serif w3-cursive w3-monospace |
| 4.14 | 11/2020 | Suplementado w3-padding com w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 |
| 4.13 | 06/2019 | Adaptado a pequenas alterações no Normalize.css |
| 4.12 | 11/2018 | Adicionado w3-stretch |
| 4.11 | 10/2018 | Adicionado w3-auto Margem alterada:auto para margin-left:auto e margin-right:auto em w3-content |
| 4.10 | 02/2018 | Adicionado "outline:0" ao w3-bar-item em w3-bar e w3-bar-block |
| 4.09 | 12/2017 | Removido "outline:0" dos botões |
| 4.08 | 10/2017 | Adicionado "z-index:1" ao w3-dropdown-content |
| 4.07 | 08/2017 | Adicionado "vertical-align:middle" às imagens |
| 4.06 | 08/2017 | Adicionadas classes de cores da versão 3 para bordas, bordas flutuantes e texto flutuante |
| 4,05 | 06/2017 | Adicionado "display:block" ao w3-responsivo |
| 4,04 | 04/2017 | Adicionado "float:none" ao w3-bar-item dentro do w3-bar-block |
| 4.03 | 03/2017 | Corrigido um pequeno bug em "w3-col m3" |
| 4.02 | 03/2017 | Adicionadas cores de texto da versão 3 |
| 4.01 | 03/2017 |
Clareou a cor cinza/cinza Corrigido alguns erros de cor da borda |
| 4,0 | 02/2017 | |
| 3,0 | 01/2017 | |
| 2,0 | 02/2016 | |
| 1,0 | 05/2015 |
Repositório do GitHub
O repositório do GitHub é: https://github.com/JaniRefsnes/w3css
Validando W3.CSS
A validação do W3.CSS pode retornar alguns erros.
Muitas vezes, você receberá alguns erros ao executar validações do W3C.
Sempre haverá alguns valores específicos do navegador fora da especificação W3C atual.
| Propriedade | Descrição |
|---|---|
| eventos de ponteiro | Propriedade inválida em CSS3, mas sugerida para CSS4. Usado em W3.CSS para remover ponteiro de mão de elementos desabilitados. |
| seleção do usuário | Propriedade inválida em CSS3, mas sugerida para CSS4. Usado no W3.CSS para remover a seleção de texto de elementos clicáveis. |
| pseudo-classe :válido | Valor inválido em CSS3, mas sugerido para CSS4. Usado em W3.CSS para indicar uma entrada válida. |
| @-webkit-keyframes | Adicionado ao W3.CSS para fazer as animações funcionarem em navegadores webkit (versões mais antigas do Chrome, Safari e Opera). |
Personalizar W3.CSS
W3.CSS inclui fontes básicas e tamanhos de fonte.
Você pode personalizar o W3.CSS alterando estas configurações:
Exemplo
html {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin:
20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1
{font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4
{font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
hr
{
height: 0;
border: 0;
border-top: 1px solid
#eee;
margin: 20px 0;
}
W3.CSS é normalizado
A normalização de uma folha de estilo é feita para:
- Corrigir erros do navegador
- Remova as inconsistências do navegador
- Garanta padrões comuns do navegador
- Normalize os estilos de todos os elementos HTML
- Adicione melhorias de CSS
Um extrato do Normalize.css é usado no W3.CSS.
Isso faz com que o W3.CSS exiba HTML de forma consistente em todos os navegadores e de acordo com os padrões modernos da web.