Un Cascading Style Sheets (CSS) tag, o regola, consente di specificare determinati stili, come la dimensione del carattere e il colore, che si desidera applicare al testo. Una volta creato questa regola, è possibile assegnare agli elementi HyperText Markup Language (HTML) di vostra scelta, che vi dà il controllo totale su come il vostro sito Web appare in un browser. Capire come creare un tag CSS vi aiuterà a progettare la vostra pagina Web.

istruzione

1 Avviare editor di testo del computer, e aprire il documento pagina Web che si desidera applicare il tag CSS.

2 Posizionare il cursore prima della chiusura "</ head>" elemento in alto e inserire il seguente codice CSS:

<Style type = "text / css">

{; }

</ Style>

3 Inserire il nome di un selettore CSS digitando un termine di tua scelta prima delle parentesi graffe. Inoltre, far precedere questa voce con un periodo per creare un tag classe CSS che viene utilizzato più volte, o utilizzare un simbolo di cancelletto per fare un tag CSS id che viene applicato solo una volta. Per esempio:

termine { ; }

4 Digitare una proprietà, come ad esempio "il colore :," tra le staffe e immettere un valore come "verde" dopo i due punti. Il codice CSS completo si presenta come segue:

<Style type = "text / css">

termine {color: green; }

</ Style>

La proprietà e il valore sono conosciuti come una dichiarazione, e ogni dichiarazione indica al browser su come presentare il testo che viene etichettato con questa regola CSS.

5 Trova l'elemento di apertura, come ad esempio "<p>", che contiene il contenuto che si desidera applicare il tag CSS per entrare e "id =" se è stato creato un id, o del tipo "class =" se hai fatto una classe. Seguire questa voce con il nome del dominio, ma non includono il periodo precedente o il numero di segno. Per esempio:

<P id = "termine">

6 Salvare il file e visualizzare in anteprima il vostro lavoro nel browser Web per garantire il tag funziona correttamente.

Consigli e avvertenze

• Una classe CSS è una regola si applica a più di una sezione della pagina Web, mentre un id CSS viene assegnata a un solo particolare area. Ad esempio, una classe CSS può applicare a tutti i paragrafi designate, mentre l'id può interessare solo la barra di navigazione.
• Hai anche la possibilità di utilizzare un nome di elemento HTML, come "corpo" come selettore CSS (Fase 3) per applicare lo stile a tutto il testo trovato tra questi tag. regole CSS che hanno i nomi degli elementi HTML non richiedono un segno certo numero precedente o il periodo e vengono applicate automaticamente al contenuto interessato.
• Se si aggiunge più di una dichiarazione alla regola CSS, separati ognuno con un punto e virgola. Per esempio:
• #term {color: green; font-size: 12px; }
• Visualizzare la pagina in un browser Web facendo clic sul menu "File" del browser, selezionando l'opzione "Apri" o "Apri File" e scegliendo il documento nella finestra di dialogo che appare.