Baixar W3.CSS
Baixe a versão mais recente a partir deste link: http://www.w3ii.com/lib/w3.css
W3.CSS é gratuito
W3.CSS é livre para usar. Nenhuma licença é necessária.
Como usar W3.CSS
Para usar 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="http://www.w3ii.com/lib/w3.css"> Tente você mesmo " Ou baixar w3.css e executá-lo a partir do seu próprio Web 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 de seu web, adicionar 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"> Versões mais recentes
| Versão | Descrição |
|---|---|
| 2.6 | Versão 2.6 maio de 2016. Baixar 2.6 |
| 2.52 | Adicionado w3-padding-hor e w3-padding-ver |
| 2.5 | Versão 2.5 abril de 2016. Baixar 2,5 |
| 2.5 | valores de transição menores ajustados |
| 2.4 | Adicionado w3-threequarter Adicionado w3-display-topmiddle e w3-display-bottommiddle Adicionado w3-transparente e w3-pairar-nenhuns Duração da animação mudado de w3-animado-opacidade de 4 a 1,5 segundo |
| 2.3 | Fixos erros de pixels menores em consultas de mídia Adicionado todas as classes de cor para cor w3-border- |
| 2.2 | Adicionado largura de 100% a <li> elementos em w3-navbar em telas pequenas (<601px de largura). |
| 2.1 | Adicionado w3-pairar-sombra. Adicionado w3-pairar texto- cor. Changed z-index de w3-modal para "3" (em vez de 1). |
| 2.0 | Fevereiro de 2016. Baixar 2.0 |
| 1.99 | Adicionado w3-principal e w3-colapso. Adicionado w3-serif. Adicionado w3-sobreposição. Adicionado w3-progresso. Adicionado w3-show-inline-block. Adicionado-animado-input w3. Adicionado w3-display-container. Adicionado w3-display-topright. Adicionado w3-display-topleft. Adicionado w3-display-bottomright. Adicionado w3-display-bottomleft. |
| 1,98 | Adicionado w3-animado desaparecendo. |
| 1,97 | Adicionado w3-btn-bloco. Adicionado w3-acordeão e-acordeão conteúdo w3. |
| 1,96 | suspensa adicionado a w3-sidenav. Adicionado Slideshow Adicionado Tabs (Tabulações) |
| 1.95 | Adicionado w3-vertical. cores w3-pairar pálidos acrescentou. |
| 1,94 | Adicionado w3-navbar. Adicionado cor w3-hover-. |
| 1,93 | Removido w3-guia. Use w3-topnav ou w3-sidenav vez. |
| 1,92 | Removido w3-blockquote. Use w3-leftBar vez. |
| 1.91 | Adicionado w3-pálido-vermelho, w3-amarelo-pálido, w3-verde-claro, w3-azul-claro. Adicionado w3-topbar, w3-bottombar, w3-leftBar, w3-rightBar. Adicionado w3-border-vermelho, w3-border-amarelo, w3-border-verde, w3-border-azul. |
| 1.9 | Janeiro de 2016. Baixar 1.9 |
| 1.8 | Dezembro de 2015. |
| 1.7 | Novembro 2015. |
| 1.6 | Outubro de 2015. |
| 1,5 | Setembro 2015. |
| 1.4 | Agosto 2015. |
| 1.3 | Agosto 2015. |
| 1.2 | Julho de 2015. |
| 1.1 | Junho 2015. |
| 1.1 | Maio de 2015. |
Validando W3.CSS
Validando W3.CSS pode retornar alguns erros.
 | Muitas vezes você vai obter alguns erros quando você executa validações W3C. Sempre haverá alguns valores específicos de navegador fora da especificação W3C atual. |
|---|
| Propriedade | Descrição |
|---|---|
| ponteiro-eventos | propriedade inválida no CSS3, mas sugerido para CSS4. Usado em W3.CSS para remover ponteiro mão de elementos deficientes. |
| user-select | propriedade inválida no CSS3, mas sugerido para CSS4. Usado em W3.CSS para remover a seleção de texto a partir de elementos clicáveis. |
| pseudo-classe: válido | Valor inválido no CSS3, mas sugerido para CSS4. Usado em W3.CSS para indicar a entrada válida. |
| @ -webkit-keyframes | Soma-se a W3.CSS para fazer animações trabalhar em navegadores webkit (versões mais antigas do Chrome, Safari e Opera). |
Personalize W3.CSS
W3.CSS inclui fontes básicas e tamanhos de fonte.
Você pode personalizar W3.CSS alterando essas 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;
} Tente você mesmo " W3.CSS é normalizado
Normalizando uma folha de estilo é feito para:
- bugs do navegador corretos
- Eliminar as incoerências do navegador
- Assegurar padrões do navegador comuns
- Normalizar os estilos de todos os elementos HTML
- Adicionar melhorias CSS
Um extrato de Normalize.css é usado em W3.CSS.
Isso faz com que W3.CSS HTML visor de forma consistente em todos os navegadores, e em consonância com os padrões modernos da web.