- Apri il tuo editor preferito, io uso Sublime Text 3.
- Crea una nuova cartella con il nome "CSS".
- File -> nuovo -> Salva con nome.
- Salva il file con il nome
style.css
e inseriscilo nella nuova cartella CSS.
I fogli di stile, o Cascading Style Sheet (CSS), descrivono come un elemento del linguaggio HTML dovrebbe essere "fatto" da un browser. Essi possono impostare il tipo di formattazione per i browser grafici e altri tipi di browser.
Successivamente, i selettori CSS possono essere utilizzati come elementi. Ciò include:
- Il selettore universale
- Il selettore di tipo
- Il selettore di classe
- Il selettore di uso generico
- Le classi specifiche per tag
- Il raggruppamento
- Le regole del foglio di stile
I fogli di stile, o CSS, sono uno strumento per la formattazione delle pagine web che consente di modificare l’apparenza grafica di una pagina senza interferire direttamente con il codice HTML della pagina.
HTML, o "HyperText Markup Language", è un linguaggio di questo tipo, in modo da non confonderlo con linguaggi di programmazione comuni come Matlab o C++. Viene utilizzato per creare siti web.
L’acronimo di "Hyper Text Markup Language" è HTML, che è un linguaggio a marcatori per ipertesti. In sintesi, HTML è un linguaggio che consente di impaginare e formattare pagine che sono collegate tra loro tramite link, cioè siti web.
I tre linguaggi di markup più utilizzati nel web design e nello sviluppo sono HTML, XML e XHTML.
Puoi modificare il file CSS:
- Nella console degli errori all’estremità inferiore dell’editor di codice.
- Nell’area degli errori sull’angolo sinistro dell’editor di codice.
- Sulla parte destra della barra di scorrimento dell’editor.
Per aggiungere un foglio di stile esterno, puoi:
- Collegare i fogli di stile ai documenti XHTML utilizzando l’elemento link.
- Utilizzare la direttiva @import.
- Compilare i fogli di stile esterni con qualsiasi editor di testo, incluso il Blocco Note, e salvarli con un’estensione.
Per creare una barra di navigazione utilizzando HTML, puoi:
- Utilizzare il tag
<nav>
per creare una barra di navigazione. - Posizionare questo tag subito dopo il tag di apertura di
<body>
.