Descargas W3.CSS
Descargar W3.CSS
Descarga W3.CSS desde este enlace: https://www.w3schools.com/w3css/4/w3.css
W3.CSS es gratis
W3.CSS es de uso gratuito. No se necesita licencia.
Cómo usar W3.CSS
Para usar W3.CSS, simplemente agregue 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="https://www.w3schools.com/w3css/4/w3.css">
O descargue w3.css y ejecútelo 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 coloca w3.css en una subcarpeta, agregue 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 su web, agregue una barra inclinada:
Ejemplo
<!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 cambios
Descarga la versión 4.13 desde este enlace: https://www.w3schools.com/w3css/4/w3.css
| Ver | Fecha | Descripción |
|---|---|---|
| 4.15 | 12/2020 | w3-serif complementado con w3-sans-serif w3-cursive w3-monospace |
| 4.14 | 11/2020 | Relleno w3 complementado con w3-relleno-superior-64 w3-relleno-superior-48 w3-relleno-superior-32 w3-relleno-superior-24 |
| 4.13 | 06/2019 | Adaptado a cambios menores en Normalize.css |
| 4.12 | 11/2018 | Añadido w3-stretch |
| 4.11 | 10/2018 | Se agregó w3-auto Margen cambiado: automático a margen izquierdo: automático y margen derecho: automático en contenido w3 |
| 4.10 | 02/2018 | Se agregó "esquema: 0" a w3-bar-item en w3-bar y w3-bar-block |
| 4.09 | 12/2017 | Se eliminó "esquema: 0" de los botones |
| 4.08 | 10/2017 | Se agregó "z-index: 1" a w3-dropdown-content |
| 4.07 | 08/2017 | Se agregó "vertical-align:middle" a las imágenes. |
| 4.06 | 08/2017 | Se agregaron clases de color de la versión 3 a los bordes, bordes flotantes y texto flotante |
| 4.05 | 06/2017 | Se agregó "display:block" a w3-responsive |
| 4.04 | 04/2017 | Se agregó "flotante: ninguno" a w3-bar-item dentro de w3-bar-block |
| 4.03 | 03/2017 | Se corrigió un error menor en "w3-col m3" |
| 4.02 | 03/2017 | Se agregaron colores de texto de la versión 3 |
| 4.01 | 03/2017 |
Se aclaró el color gris/gris. Se corrigieron algunos errores de color del borde. |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
Repositorio GitHub
El repositorio de GitHub es: https://github.com/JaniRefsnes/w3css
Validando W3.CSS
La validación de W3.CSS puede devolver algunos errores.
A menudo obtendrá algunos errores cuando ejecute las validaciones W3C.
Siempre habrá algunos valores específicos del navegador fuera de la especificación W3C actual.
| Propiedad | Descripción |
|---|---|
| puntero-eventos | Propiedad no válida en CSS3, pero sugerida para CSS4. Se usa en W3.CSS para eliminar el puntero de mano de los elementos deshabilitados. |
| selección de usuario | Propiedad no válida en CSS3, pero sugerida para CSS4. Se utiliza en W3.CSS para eliminar la selección de texto de los elementos en los que se puede hacer clic. |
| pseudo-clase : válida | Valor no válido en CSS3, pero sugerido para CSS4. Se usa en W3.CSS para indicar una entrada válida. |
| @-webkit-keyframes | Agregado a W3.CSS para hacer que las animaciones funcionen en navegadores webkit (versiones anteriores de Chrome, Safari y Opera). |
Personalizar W3.CSS
W3.CSS incluye fuentes básicas y tamaños de fuente.
Puede personalizar W3.CSS cambiando esta configuración:
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;
}
W3.CSS está normalizado
La normalización de una hoja de estilo se realiza para:
- Corregir errores del navegador
- Eliminar las inconsistencias del navegador
- Asegure los valores predeterminados comunes del navegador
- Normalizar los estilos de todos los elementos HTML
- Agregar mejoras de CSS
Se utiliza un extracto de Normalize.css en W3.CSS.
Esto hace que W3.CSS muestre HTML consistentemente en todos los navegadores y en línea con los estándares web modernos.