Cascading Style Sheets (CSS) permettono di modificare il carattere tipografico, la dimensione e il colore dei link HTML standard attraverso il tuo sito Web da un unico file CSS. È anche possibile aggiungere effetti di rollover per rendere più dinamico il tuo sito Web. Anziché aggiornare ogni singolo link con codice HTML, è possibile semplicemente ignorare le proprietà HTML di ogni link nel tuo sito Web usando i CSS.
Istruzioni
1
Creare un nuovo file con il testo normale editor. Salvarlo con estensione CSS. Ad esempio, "your-file-name.css" potrebbe essere il nome del file.
2
Inserire una riga di codice nel documento HTML per collegare il tuo file CSS alla pagina HTML. Se il tuo file CSS è denominato "il tuo-file-name.css", il codice dovrebbe essere come questo:
< link rel = "stylesheet" type = "text/css" href = "your-file-name.css" >
3
Definire le proprietà dei tuoi link in CSS. Nel documento CSS, definire la dimensione del carattere, tipo di viso e colore dei collegamenti nel documento HTML. Il codice seguente, ad esempio, farà i collegamenti nel documento HTML visualizzato nel carattere tipografico "Verdana" 12 punti nel colore nero:
un {font-size: 12pt; font-face: verdana; color: #000000;}
4
Salvare il file CSS.
5
Aggiornare il documento HTML per visualizzare i risultati.
Consigli & Avvertenze
- Se si lavora con un documento HTML che è stato già caricato su un server web, dovrete caricare il file CSS sul server web pure. Dovrete anche modificare il codice che collega il vostro file CSS e HTML per riflettere il percorso assoluto del file CSS.