C'è un sacco di parlare nella programmazione CSS IDs, classi e pseudo-classi, ecc. Ma cosa vuol dire usare un ID? Secondo tutorial CSS ed esperti, l'ID è un identificatore per un elemento HTML specifico che si presenta una volta all'interno di una pagina. L'ID è più restrittiva di una classe nel suo make-up, ma più aderisce alla convenzione HTML e si inserisce in un quadro HTML in forse un modo più semplice. Ecco come utilizzare un ID per gli elementi CSS.

Istruzioni

1

Impostare il vostro spazio di codice CSS. Si può utilizzare un file di testo autonomo come una pagina esterna di CSS, o mettere il codice CSS nella sezione head del documento HTML. In entrambi i casi, è necessario definire uno spazio oltre il codice HTML per fare il tuo CSS codifica che verrà applicato a uno o più pagine.

2

Avviare la definizione ID denominando un elemento all'interno dello spazio di codice CSS. Iniziare con un elemento HTML, come p (per punto) o h1 (un titolo).

3

Aggiungere un segno di hash e quindi il nome o ID dopo l'elemento. Un esempio: p #graphID1

4

Includere le indicazioni di stile con comandi come questo: p #graphID1 {testo-colore: nero;}

5

Accedere il tuo ID. All'interno del codice HTML, avviare il vostro elemento ID con un tag che assomiglia a questo: id p = "graphID1". Si aprirà il tuo HTML per quell'elemento.

6

Immettere il testo o altro contenuto per l'elemento che hai aperto. Questo contenuto dovrebbe essere uno stile come il tuo CSS comandato quando si carica la pagina.

7

Chiudere l'elemento con il tag appropriato. Non è necessario fare riferimento all'ID nuovamente quando l'elemento di chiusura: è già stato identificato, definito e costruito. Basta mettere nel tag di chiusura dell'elemento regolare.