Come utilizzare i CSS per override HTML proprietà Text Link

February 28

Come utilizzare i CSS per override HTML proprietà Text Link


Cascading Style Sheets (CSS) permettono di modificare il tipo di carattere, dimensione del carattere e il colore dei link HTML standard attraverso il vostro sito web da un singolo file CSS. È anche possibile aggiungere effetti di rollover per rendere il vostro sito più dinamico. Invece di aggiornare ogni singolo collegamento con il codice HTML, si può semplicemente ignorare le proprietà HTML di ogni link nel vostro sito web utilizzando i CSS.

istruzione

1 Creare un nuovo file con il vostro editor di testo. Salvarlo con estensione css. Ad esempio, "il vostro file-name.css" potrebbe essere il nome del file.

2 Inserire una riga di codice nel documento HTML per collegare il vostro file CSS alla tua pagina HTML. Se il file CSS è denominato "il tuo-file-name.css", il codice dovrebbe essere simile a questo:

<Link rel = "stylesheet" type = "text / css" href = "tuo-file-name.css">

3 Definire le proprietà dei collegamenti in CSS. Nel documento CSS, definire la dimensione del carattere, il tipo di volto e il colore dei collegamenti nel documento HTML. Il seguente codice, ad esempio, renderà i collegamenti nel documento HTML vengono visualizzati in 12 punti carattere "Verdana" nel colore nero:

a {font-size: 12pt; font-face: Verdana; color: # 000000; }

4 Salvare il file CSS.

5 Aggiornare il documento HTML per vedere i risultati.

Consigli e avvertenze

  • Se si lavora con un documento HTML che è già stato caricato su un server web, si dovrà caricare il file CSS al server web pure. Dovrete anche modificare il codice che collega i file CSS e HTML per riflettere il percorso assoluto del file CSS.