Télécharger W3.CSS
Télécharger la dernière version de ce lien: http://www.w3ii.com/lib/w3.css
W3.CSS est gratuit
W3.CSS est libre d'utiliser. Aucune licence est nécessaire.
Comment utiliser W3.CSS
Pour utiliser W3.CSS, il suffit d'ajouter un lien vers "w3.css" dans vos pages web:
Exemple
<!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"> Try It Yourself » Ou télécharger w3.css et l'exécuter à partir de votre propre site web:
Exemple
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css"> Si vous mettez w3.css dans un sous-dossier, ajoutez le nom du dossier entre les barres obliques:
Exemple
<!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 vous placez w3.css à la racine de votre site, ajouter une barre oblique:
Exemple
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css"> Dernières versions
| Version | La description |
|---|---|
| 2.6 | Version 2.6 mai 2016. Télécharger 2.6 |
| 2.52 | Ajouté w3-padding-hor et w3-padding-ver |
| 2.5 | Version 2.5 Avril 2016. Télécharger 2.5 |
| 2.5 | valeurs de transition mineures ajusté |
| 2.4 | Ajouté w3-threequarter Ajouté w3-display-topmiddle et w3-display-bottommiddle Ajouté w3-transparent et w3-hover-pas durée de l'animation Changement de w3-animé-opacité de 4 à 1.5 secondes |
| 2.3 | erreurs de pixels mineures fixes dans les requêtes des médias Ajout de toutes les classes de couleur pour la couleur w3-border- |
| 2.2 | Ajouté largeur de 100% à <li> éléments dans w3-navbar sur les petits écrans (<601px de largeur). |
| 2.1 | Ajouté w3-hover-ombre. Ajouté w3-hover-texte- couleur. Changement de z-index de w3-modal "3" (au lieu de 1). |
| 2.0 | Février 2016. Télécharger 2.0 |
| 1.99 | Ajouté w3-main et w3-effondrement. Ajouté w3-serif. Ajouté w3-overlay. Ajouté w3-progressbar. Ajouté w3-show-inline-block. Ajouté w3-animé-entrée. Ajouté w3-display-conteneur. Ajouté w3-display-topright. Ajouté w3-display-topleft. Ajouté w3-display-bottomright. Ajouté w3-display-bottomleft. |
| 1,98 | Ajouté w3-animé fading. |
| 1,97 | Ajouté w3-BTN-bloc. Ajouté w3-accordéon et w3-accordéon contenu. |
| 1,96 | Ajouté déroulant pour w3-sidenav. Ajouté diaporama Ajout Tabs (tabulations) |
| 1.95 | Ajouté w3-vertical. pâles couleurs Added w3-hover. |
| 1,94 | Ajouté w3-navbar. Ajouté couleur w3-vol stationnaire. |
| 1,93 | w3-onglet Supprimé. Utilisez w3-topnav ou w3-sidenav place. |
| 1.92 | w3-blockquote Supprimé. Utilisez w3-leftbar place. |
| 1.91 | Ajouté w3-rouge pâle, w3-jaune pâle, w3-vert pâle, w3-bleu pâle. Ajouté w3-topbar, w3-bottombar, w3-leftbar, w3-bibliographies. Ajouté w3-border-rouge, w3-border-jaune, w3-border-vert, w3-border-bleu. |
| 1.9 | Janvier 2016. Télécharger 1.9 |
| 1.8 | Décembre 2015. |
| 1.7 | Novembre 2015. |
| 1.6 | Octobre 2015. |
| 1.5 | Septembre 2015. |
| 1.4 | Août 2015. |
| 1.3 | Août 2015. |
| 1.2 | Juillet 2015. |
| 1.1 | Juin 2015. |
| 1.1 | Mai 2015. |
Validating W3.CSS
Validating W3.CSS pourrait revenir quelques erreurs.
 | Vous obtiendrez souvent des erreurs lorsque vous exécutez les validations W3C. Il y aura toujours certaines valeurs spécifiques du navigateur en dehors de la spécification du W3C en cours. |
|---|
| Propriété | La description |
|---|---|
| pointer-events | propriété non valide dans CSS3, mais suggéré pour CSS4. Utilisé dans W3.CSS pour enlever le pointeur de la main à partir d'éléments handicapés. |
| sélectionnez l' utilisateur | propriété non valide dans CSS3, mais suggéré pour CSS4. Utilisé dans W3.CSS pour supprimer la sélection de texte à partir d'éléments cliquables. |
| pseudo-classe: valide | Valeur non valide dans CSS3, mais suggéré pour CSS4. Utilisé dans W3.CSS à indique l'entrée valide. |
| @ -webkit-keyframes | Ajouté à W3.CSS pour faire des animations fonctionnent dans les navigateurs webkit (les anciennes versions de Chrome, Safari et Opera). |
Personnaliser W3.CSS
W3.CSS inclut les polices de base et les tailles de police.
Vous pouvez personnaliser W3.CSS en changeant les paramètres suivants:
Exemple
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;
} Try It Yourself » W3.CSS est Normalized
Normaliser une feuille de style est fait pour:
- corriger des bugs du navigateur
- Supprimer les incohérences du navigateur
- Assurer par défaut du navigateur commun
- Normaliser les styles de tous les éléments HTML
- Ajouter des améliorations CSS
Un extrait de Normalize.css est utilisé dans W3.CSS.
Cela rend W3.CSS affichage HTML systématiquement dans tous les navigateurs, et en conformité avec les standards du web modernes.