Integrazione CSS fogli di stile (CSS) nel vostro sito vi offre è la capacità di controllare l'aspetto del tuo sito---tutto da tipi di carattere utilizzati, dimensioni del testo e colori di elenchi, immagini ed altri elementi di contenuto. Dopo aver appreso (HTML) per creare siti Web hypertext markup language, il passaggio successivo consiste nell'aggiungere CSS al tuo repertorio. Mentre il contenuto---il testo e le immagini---risiederà su pagine HTML, userai CSS per definire lo stile di quegli elementi di contenuto.

Istruzioni

Creare e fare riferimento il tuo foglio di stile

1

Avviare un nuovo file CSS. Nella maggior parte dei programmi di progettazione web, digitare CTRL + N (CMD + N su un Mac) per avviare un nuovo documento e il software vi chiederà che tipo di file desiderato. Selezionare foglio di stile a cascata (CSS) e salvare il file con estensione dot-css.

2

Imposta la tua pagina principale caratteristiche di progettazione. All'inizio del tuo foglio di stile (supponendo che si sta utilizzando solo uno..--Se si utilizza più di uno, questo sarà il foglio di stile che gestisce l'aspetto di base del tuo sito Web) deve contenere gli elementi come la larghezza della tua pagina, colori di sfondo e immagini, si utilizzerà il tipo di carattere, le dimensioni del testo e colori per il testo del link, le intestazioni e il corpo e altri attributi onnicomprensiva.

3

Definire il tuo ID e classi. Questo è dove drill-down e definire ciò che saranno simile agli altri vari elementi del tuo sito Web. La sintassi è simile a questo:

ID {attribute1:description; attribute2:description;}

o

elemento Class {attribute1:description; attributo 2:description; attribute3:description;}

Se non siete sicuri del vocabolario da utilizzare per gli attributi e le descrizioni, la maggior parte delle principali librerie trasportare guide CSS, o utilizzare uno dei riferimenti elencati di seguito. Dreamweaver vi aiuterà con un menu a comparsa, se questo è il software che si utilizza.

4

Riferimento il tuo foglio di stile in ogni pagina del tuo sito Web che si basa su di esso. Per farlo, inserire la seguente riga di codice tra il < head > e < / head > Tag:

< tipo di collegamento = "text/css" rel = "stylesheet" href="LocationAndNameOfYourStylesheet.css" >

Consigli & Avvertenze

• Utilizzando un foglio di stile esterno, anziché includere il tuo stile in pagine HTML aiuterà il tuo sito di fare meglio nel posizionamento nei motori di ricerca, perché esso si dirada la quantità di codice nelle tue pagine, permettendo che i motori di ricerca trovare i contenuti più facilmente.