Download W3.CSS
Scarica W3.CSS
Scarica W3.CSS da questo link: https://www.w3schools.com/w3css/4/w3.css
W3.CSS è gratuito
W3.CSS è gratuito. Non è necessaria alcuna licenza.
Come utilizzare W3.CSS
Per utilizzare W3.CSS, aggiungi semplicemente un collegamento 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="https://www.w3schools.com/w3css/4/w3.css">
Oppure scarica w3.css ed eseguilo 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 metti w3.css in una sottocartella, aggiungi 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 metti w3.css nella radice del tuo web, aggiungi 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">
Registro delle modifiche
Scarica la versione 4.13 da questo link: https://www.w3schools.com/w3css/4/w3.css
| Vedere | Data | Descrizione |
|---|---|---|
| 4.15 | 12/2020 | Integrato w3-serif con w3-sans-serif w3-cursive w3-monospace |
| 4.14 | 11/2020 | Integrato w3-padding con w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 |
| 4.13 | 06/2019 | Adattato a modifiche minori in Normalize.css |
| 4.12 | 11/2018 | Aggiunto w3-stretch |
| 4.11 | 10/2018 | Aggiunto w3-auto Margine modificato:auto in margin-left:auto e margin-right:auto in w3-content |
| 4.10 | 02/2018 | Aggiunto "outline:0" all'elemento w3-bar in w3-bar e w3-bar-block |
| 4.09 | 12/2017 | Rimosso "contorno:0" dai pulsanti |
| 4.08 | 10/2017 | Aggiunto "z-index:1" al contenuto a discesa w3 |
| 4.07 | 08/2017 | Aggiunto "vertical-align:middle" alle immagini |
| 4.06 | 08/2017 | Aggiunte classi di colore della versione 3 a bordi, bordi hoverable e testo hoverable |
| 4.05 | 06/2017 | Aggiunto "display:block" a w3-reattivo |
| 4.04 | 04/2017 | Aggiunto "float:none" a w3-bar-item all'interno di w3-bar-block |
| 4.03 | 03/2017 | Corretto un bug minore in "w3-col m3" |
| 4.02 | 03/2017 | Aggiunti i colori del testo della versione 3 |
| 4.01 | 03/2017 |
Schiarito il colore grigio/grigio Risolti alcuni errori di colore del bordo |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
Archivio GitHub
Il repository GitHub è: https://github.com/JaniRefsnes/w3css
Convalida W3.CSS
La convalida di W3.CSS potrebbe restituire alcuni errori.
Riceverai spesso degli errori quando esegui le convalide del W3C.
Ci saranno sempre alcuni valori specifici del browser al di fuori dell'attuale specifica W3C.
| Proprietà | Descrizione |
|---|---|
| eventi-puntatore | Proprietà non valida in CSS3, ma suggerita per CSS4. Utilizzato in W3.CSS per rimuovere il puntatore della mano dagli elementi disabilitati. |
| selezione utente | Proprietà non valida in CSS3, ma suggerita per CSS4. Utilizzato in W3.CSS per rimuovere la selezione di testo dagli elementi selezionabili. |
| pseudo-classe : valida | Valore non valido in CSS3, ma consigliato per CSS4. Utilizzato in W3.CSS per indicare un input valido. |
| @-webkit-fotogrammi chiave | Aggiunto a W3.CSS per far funzionare le animazioni nei browser webkit (versioni precedenti di Chrome, Safari e Opera). |
Personalizza W3.CSS
W3.CSS include caratteri e dimensioni dei caratteri di base.
Puoi personalizzare W3.CSS modificando queste 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;
}
W3.CSS è normalizzato
La normalizzazione di un foglio di stile viene eseguita per:
- Correggi i bug del browser
- Rimuovere le incoerenze del browser
- Garantire le impostazioni predefinite comuni del browser
- Normalizza gli stili di tutti gli elementi HTML
- Aggiungi miglioramenti CSS
Un estratto da Normalize.css viene utilizzato in W3.CSS.
Ciò fa sì che W3.CSS visualizzi l'HTML in modo coerente in tutti i browser e in linea con i moderni standard web.