Scarica W3.CSS
Scarica l'ultima versione da questo link: http://www.w3ii.com/lib/w3.css
W3.CSS è libero
W3.CSS è libero di utilizzare. Nessuna licenza è necessaria.
Come usare W3.CSS
Per utilizzare W3.CSS, è sufficiente aggiungere un link a "w3.css" nelle tue pagine web:
Esempio
<!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"> Prova tu stesso " O scaricare w3.css ed eseguirlo dal tuo sito web:
Esempio
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css"> Se si mette w3.css in una sottocartella, aggiungere il nome della cartella tra le barre:
Esempio
<!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 si posiziona w3.css alla radice del web, aggiungere una barra:
Esempio
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css"> ultime versioni
| Versione | Descrizione |
|---|---|
| 2.6 | La versione 2.6 maggio 2016. Scarica 2.6 |
| 2.52 | Aggiunto w3-padding-Hor e w3-padding-ver |
| 2.5 | La versione 2.5 aprile 2016. Scarica 2.5 |
| 2.5 | I valori di transizione minori rettificato |
| 2.4 | Aggiunto W3-tre quarti Aggiunto w3-display-topmiddle e w3-display-bottommiddle Aggiunto w3-trasparente e w3-hover-none durata dell'animazione Cambiato di w3-animato-opacità da 4 a 1,5 secondi |
| 2.3 | errori di pixel minori fisso in media query Aggiunto tutte le classi di colore per colore w3-border- |
| 2.2 | Aggiunto larghezza 100% per gli elementi <li> Nella w3-navbar su schermi di piccole dimensioni (<601px di larghezza). |
| 2.1 | Aggiunto w3-hover-ombra. Aggiunto w3-hover-testo-colore. Cambiato z-index di w3-modale "3" (invece di 1). |
| 2.0 | Febbraio 2016. Scarica 2.0 |
| 1.99 | Aggiunto w3-principale e w3-collasso. Aggiunto w3-serif. Aggiunto w3-overlay. Aggiunto w3-progressbar. Aggiunto w3-show-inline-block. Aggiunto w3-animato-input. Aggiunto w3-display-contenitore. Aggiunto w3-display-topright. Aggiunto w3-display-topleft. Aggiunto w3-display-bottomright. Aggiunto w3-display-bottomleft. |
| 1.98 | Aggiunto w3-animato-fading. |
| 1.97 | Aggiunto w3-BTN-block. Aggiunto w3-fisarmonica e-fisarmonica-contenuti w3. |
| 1.96 | Aggiunto a discesa per w3-sidenav. Presentazione Added Aggiunto Tabs (Tabulazioni) |
| 1.95 | Aggiunto w3-verticale. Aggiunti i colori w3-hover pallido. |
| 1.94 | Aggiunto w3-navbar. Aggiunta di colore w3-hover-. |
| 1.93 | Rimosso w3-scheda. Utilizzare w3-topnav o w3-sidenav invece. |
| 1.92 | Rimosso w3-blockquote. Utilizzare w3-leftbar invece. |
| 1.91 | Aggiunto w3-rosso pallido, w3-giallo pallido, w3-verde pallido, w3-azzurro pallido. Aggiunto w3-topbar, w3-bottombar, w3-leftbar, w3-rightbar. Aggiunto w3-border-rosso, w3-border-giallo, w3-border-verde, w3-border-blu. |
| 1.9 | Gennaio 2016. Scarica 1.9 |
| 1.8 | Dicembre 2015. |
| 1.7 | Novembre 2015. |
| 1.6 | Ottobre 2015. |
| 1.5 | Settembre 2015. |
| 1.4 | Agosto 2015. |
| 1.3 | Agosto 2015. |
| 1.2 | Luglio 2015. |
| 1.1 | Giugno 2015. |
| 1.1 | Maggio 2015. |
Convalida W3.CSS
Convalida W3.CSS potrebbe restituire alcuni errori.
 | Ti capiterà spesso di ottenere alcuni errori quando si esegue validazioni W3C. Ci saranno sempre alcuni valori specifici del browser al di fuori della specifica W3C corrente. |
|---|
| Proprietà | Descrizione |
|---|---|
| puntatore-events | proprietà non valido in CSS3, ma ha suggerito per CSS4. Utilizzato in W3.CSS per rimuovere puntatore mano dagli elementi disabili. |
| user-select | proprietà non valido in CSS3, ma ha suggerito per CSS4. Utilizzato in W3.CSS per rimuovere la selezione del testo da elementi cliccabili. |
| pseudo-classe: valida | Valore non valido in CSS3, ma ha suggerito per CSS4. Utilizzato in W3.CSS per indica input valido. |
| @ -webkit-fotogrammi chiave | In aggiunta a W3.CSS per fare animazioni lavorare in browser WebKit (le vecchie versioni di Chrome, Safari e Opera). |
personalizzare W3.CSS
W3.CSS include i font di base e le dimensioni dei caratteri.
È possibile personalizzare W3.CSS modificando le seguenti impostazioni:
Esempio
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;
} Prova tu stesso " W3.CSS è normalizzata
Normalizzazione un foglio di stile è fatto per:
- bugs browser corretto
- Rimuovere le incongruenze del browser
- Assicurare default comuni del browser
- Normalizzare gli stili di tutti gli elementi HTML
- Aggiungere miglioramenti CSS
Un estratto Normalize.css è utilizzato in W3.CSS.
Questo rende W3.CSS visualizzazione HTML in modo coerente in tutti i browser, e in linea con gli standard web moderni.