Descargar W3.CSS
Descargar la última versión desde el siguiente enlace: http://www.w3ii.com/lib/w3.css
W3.CSS es gratuito
W3.CSS es de uso gratuito. Sin licencia es necesaria.
Cómo utilizar W3.CSS
Para utilizar W3.CSS, basta con añadir un enlace a "w3.css" en sus páginas web:
Ejemplo
<!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"> Inténtalo tú mismo " O descargar w3.css y ejecutarlo desde su propio sitio web:
Ejemplo
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css"> Si pones w3.css en una subcarpeta, añadir el nombre de la carpeta entre barras:
Ejemplo
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/ foldername /w3.css"> Si coloca w3.css en la raíz de tu web, añadir una barra:
Ejemplo
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css"> Versiones más recientes
| Versión | Descripción |
|---|---|
| 2.6 | La versión 2.6 de mayo de 2016. Descargar 2.6 |
| 2.52 | Añadido w3-padding-Hor y W3-padding-ver |
| 2.5 | La versión 2.5 abril de 2016. Descargar 2.5 |
| 2.5 | Los valores menores de transición ajustados |
| 2.4 | Añadido w3-threequarter Añadido w3-display-topmiddle y W3-display-bottommiddle Añadido w3-transparente y W3-asomar-ninguno duración de la animación cambiada de w3-animado-opacidad del 4 1.5 segundos |
| 2.3 | Fijos los errores de píxel de menor importancia en las consultas de medios Añadido a todas las clases de color para el color w3-frontera- |
| 2.2 | Añadido ancho de 100% a <li> elementos en w3-barra de navegación en pantallas pequeñas (<601px de ancho). |
| 2.1 | Añadido w3-asomar-sombra. Añadido w3-activable en texto color. Se cambió el índice z de w3-modal a "3" (en vez de 1). |
| 2.0 | Febrero de 2016. Descargar 2.0 |
| 1.99 | Añadido w3-principal y W3-colapso. Añadido w3-serif. Añadido w3-superposición. Añadido w3-progressbar. Añadido w3-show-inline-block. Añadido w3-animado-entrada. Añadido w3-display-recipiente. Añadido w3-display-topright. Añadido w3-display-topLeft. Añadido w3-display-bottomright. Añadido w3-display-bottomleft. |
| 1.98 | Añadido w3-animado-fading. |
| 1.97 | Añadido w3-BTN-bloque. Añadido w3-acordeón y acordeón-W3 contenido. |
| 1.96 | Añadido desplegable para w3-sidenav. Agregado Presentación Añadido Tabs (Tabuladores) |
| 1.95 | Añadido w3-vertical. Añadido colores pálidos w3-estacionario. |
| 1.94 | Añadido w3-barra de navegación. Añadido el color w3-hover-. |
| 1.93 | Eliminado w3-pestaña. Utilice w3-topnav o W3-sidenav lugar. |
| 1.92 | W3-blockquote eliminado. Utilice w3-leftbar lugar. |
| 1.91 | Alta-W3 rojo pálido, w3-amarillo pálido, w3-verde pálido, w3-azul pálido. Añadido w3-barra superior, w3-Bottombar, w3-leftbar, w3-RightBar. Añadido w3-frontera-roja, w3-frontera-amarillo, w3-frontera-verde, w3-frontera-azul. |
| 1.9 | De enero de 2016. Descargar 1.9 |
| 1.8 | Diciembre de 2015. |
| 1.7 | De noviembre de de 2015. |
| 1.6 | De octubre de de 2015. |
| 1.5 | De septiembre de de 2015. |
| 1.4 | De agosto de de 2015. |
| 1.3 | De agosto de de 2015. |
| 1.2 | Julio de 2015. |
| 1.1 | De junio de de 2015. |
| 1.1 | De mayo de 2015. |
Validando W3.CSS
La validación de W3.CSS podría devolver algunos errores.
 | A menudo obtendrá algunos errores al ejecutar validaciones W3C. Siempre habrá algunos valores específicos del navegador fuera de la especificación actual del W3C. |
|---|
| Propiedad | Descripción |
|---|---|
| puntero-eventos | Propiedad no válida en CSS3, pero sugiere para CSS4. Se utiliza en W3.CSS para eliminar puntero de la mano de los elementos de movilidad reducida. |
| el usuario seleccione | Propiedad no válida en CSS3, pero sugiere para CSS4. Se utiliza en W3.CSS para eliminar la selección de texto a partir de elementos seleccionables. |
| pseudo-clase: válido | valor no válido en CSS3, pero sugiere para CSS4. Se utiliza en W3.CSS que indica una entrada válida. |
| @ -webkit-fotogramas clave | Sumado a W3.CSS para hacer animaciones funcionan en los navegadores WebKit (versiones anteriores de Chrome, Safari y Opera). |
personalizar W3.CSS
W3.CSS incluye fuentes y tamaños de fuente básicos.
Puede personalizar W3.CSS cambiando estos parámetros:
Ejemplo
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;
} Inténtalo tú mismo " W3.CSS se normaliza
La normalización de una hoja de estilo se realiza para:
- Corregir los errores del navegador
- Retire inconsistencias de navegación
- Asegurar a los valores predeterminados comunes del navegador
- Normalizar los estilos de todos los elementos HTML
- Añadir mejoras CSS
Un extracto de Normalize.css se utiliza en W3.CSS.
Esto hace W3.CSS HTML pantalla consistente en todos los navegadores, y en línea con los estándares web modernos.