Come creare un file CSS per il vostro intero sito web

September 4

E 'utile tenere un file CSS per l'intero sito web, piuttosto che avere i singoli stili CSS in ogni pagina. Con i file CSS separati, è facile da aggiornare e mantenere l'aspetto grafico di tutto il sito web da un singolo file. Seguire questi passi per imparare.

istruzione

1 Questo è uno stile CSS interno comunemente definito: ") In" Blocco note "e salvarlo come" style.css ".

3 Ora aprite una pagina HTML esistente (o crearne una nuova pagina HTML, e salvarlo come myStyle.html nella stessa cartella del file style.css). Nel codice sorgente della pagina tra il tag aggiungere la seguente riga:.

4 Hai creato un file CSS esterno e collegato alla pagina. Applicare questo stile CSS al contenuto della pagina. Applicando stile CSS all'interno della pagina può essere realizzato in modo diverso. Per il momento, utilizzare solo "" tag. . Tag span vengono utilizzati in questo modo: il contenuto viene qui. Tutto il contenuto tra "questi" tag conterrà il vostro "allContent proprietà di stile".

5 Il codice sorgente della pagina dovrebbe essere simile a questo:

<title>My Page</title>

<Link href = "style.css" rel = "stylesheet" type = "text / css" />

</ Head>
<Body>

<Span class = "allContent"> Contenuti Qui </ span>

</ Body>
</ Html>.

Consigli e avvertenze

  • Se si sta creando una totalmente nuova file CSS allora devi seguire questa struttura: .StyleName {} proprietà.
  • Proprietà dovrebbero essere definiti come indicato: Proprietà-nome: valore ;.
  • Il metodo copia / incolla con Microsoft Word potrebbe non funzionare su alcuni siti web correttamente a causa del codice invisibile che contiene.