W3.CSS - Configurazione dell'ambiente

Come utilizzare W3.CSS?

Esistono due modi per utilizzare W3.CSS:

Local Installation - Puoi scaricare il file W3.CSS sul tuo computer locale e includerlo nel tuo codice HTML.
CDN Based Version - Puoi includere il file W3.CSS nel tuo codice HTML direttamente dalla Content Delivery Network (CDN).

Installazione locale

Vai a https://www.w3schools.com/w3css/w3css_downloads.asp per scaricare l'ultima versione disponibile.
Quindi, metti il file w3.css scaricato in una directory del tuo sito web, ad esempio / css.

Esempio

Ora puoi includere il file css nel tuo file HTML come segue:

<html>
   <head>
      <title>The W3.CSS Example</title>
      <meta name = "viewport" content = "width = device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "css/w3.css">
   </head>
   
   <body>
      <header class = "w3-container w3-teal">
         <h1>Hello World!</h1>
      </header>
   </body>
</html>

Produrrà il seguente risultato:

Versione basata su CDN

Puoi includere il file W3.CSS nel tuo codice HTML direttamente dalla Content Delivery Network (CDN). W3Schools.com fornisce contenuti per la versione più recente.

Note - Stiamo utilizzando la versione CDN di W3Schools.com della libreria durante questo tutorial.

Esempio

Ora riscriviamo l'esempio sopra usando la libreria jQuery dal CDN di W3Schools.com.

<html>
   <head>
      <title>The W3.CSS Example</title>
      <meta name = "viewport" content = "width =  device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "https://www.w3schools.com/lib/w3.css">
   </head>
   
   <body>
      <header class = "w3-container w3-teal">
         <h1>Hello World!</h1>
      </header>
   </body>
</html>

Produrrà il seguente risultato: