Fogli di stile CSS, o CSS, descrivere gli elementi di presentazione e il layout delle pagine Web. È possibile definire qualsiasi delle centinaia di regole diverse nei file CSS, tra cui font, formattazione, aspetto, colori e spaziature di elemento. Si possono anche creare e utilizzare le proprie classi e selettori ID per libertà extra programmazione. Utilizzare CSS file inserendo i riferimenti appropriati in pagine HTML. Mentre può essere un dolore per modificare l'intero sito durante l'aggiunta di CSS ad esso, nel lungo periodo si farà modificare il tuo intero sito semplice e veloce.

Istruzioni

1

Aprire un file di testo vuoto e salvarlo nella directory principale per i file del sito Web. Utilizzare l'estensione "CSS" e dargli un nome, ad esempio, "myStyleSheet."

2

Creare selettori di tipo utilizzando HTML esistenti elementi e specificando la loro formattazione. Per esempio:

p {

margin: 4px 0px;

text-align: left;

}

Chiamare questo elemento nei file HTML digitando "< p >" e immettendo il testo e quindi chiudere il tag con "</p >."

3

Creare selettori di classe con l'operatore punto (il "." simbolo). Per esempio:

Content () {

height: 50px;

font-size: 12px;

}

Chiamare questa classe nei file HTML digitando "< classe p ="contenuto">" e inserendo il testo e quindi chiudendo il classe digitando "</p >." Ogni volta che si chiama la classe di "contenuto" nel vostro file HTML, niente all'interno dell'elemento avrà queste regole applicate di formattazione. Se si dispone di un selettore di tipo "p", come pure questa classe, le regole di classe ignorano le regole di selettore di tipo quando viene utilizzato con un elemento "p" nel codice HTML.

4

Creare selettori ID utilizzando l'hash (il simbolo "#"). Per esempio:

navigationBar {

width: 900px;

height: 25px;

margin: 15px 0px;

padding: 0px;

}

Chiamare questo ID nel tuo file HTML digitando "< div id ="navigationBar">" e inserendo il testo e quindi la chiusura digitando "< / div >." Non si devono usare selettori ID più di una volta sulle tue pagine HTML. Se si utilizza più di una volta per diverse sezioni della tua pagina, si può creare un conflitto di ID e vedere formattazione imprevisti che si dovrà correggere. In questo esempio, è probabile che non avrà più di una barra di navigazione al file HTML.

5

Salvare e chiudere il file CSS e poi caricarlo sul server. Aprire ciascuna delle pagine HTML e includere la seguente riga nella sezione "< head >" di ogni documento:

< tipo di collegamento = "text/css" rel = "stylesheet" href="path_to_file/myStyleSheet.css" media = "screen" / >

Assicurarsi di che utilizzare il percorso corretto per il file CSS in ogni documento. Salvare i documenti HTML, chiuderle e caricarli sul server.

Consigli & Avvertenze

• Se hai diverse regole con le stesse dichiarazioni, si può utilizzare una riga per definirli tutti. Ad esempio, se si desidera che i tag "h1" e "h2" per utilizzare la stessa famiglia di caratteri, digitare "h1, h2 {font-family: font_name;}"