Come utilizzare i CSS per rendere i colori in paragrafi

November 13

Come utilizzare i CSS per rendere i colori in paragrafi


Web designer utilizzano fogli di stile CSS per impostare gli stili per singole pagine o interi siti web. Si fa riferimento a un tag, nome della classe, ID o una combinazione di nessuna di queste cose a "selezionare" una parte della vostra pagina Web in CSS. Una volta creato un selettore, è possibile impostare il colore di sfondo o colore di primo piano. I modi più comuni per impostare i colori comprende i nomi dei colori ufficiali o codici esadecimali, che si possono trovare utilizzando grafici e raccoglitori di colore su Internet. Utilizzare colori di sfondo e di primo piano sui vostri paragrafi per rendere il testo più facile da leggere per i tuoi visitatori.

istruzione

1 Aprire il codice HTML della pagina Web in un programma di editing del codice, come jEdit, BBEdit o Notepad ++. Cercare i tag <link> tra i tag <head> e cercare di trovare un riferimento a un foglio di stile esterno, che si concluderà a l'estensione del file .CSS. Se si trova tale tag o riferimento, aggiungere il codice CSS tra i tag <style>.

2 Aggiungere il seguente codice CSS per dare ad ogni paragrafo sulla tua pagina di un colore di sfondo:

p {background-color: colore;}

Cambiare "colore" al nome di un colore o il codice esadecimale. Utilizzare questo codice, invece di dare il testo di ogni paragrafo nella pagina un colore:

p {color: colore;}

È inoltre possibile impostare un colore di sfondo e un colore del testo, allo stesso tempo, in questo modo:

p {background-color: il colore; colore: colore;}

3 Lascia la tua <p> I nomi delle classi tag per indirizzare solo alcuni tipi di paragrafi nel codice CSS. Ecco quello che un tag <p> sembra con un nome di classe:

<P class = "red"> Questo è un paragrafo ... </ p>

È possibile riutilizzare le classi nel maggior numero di altri tag che vuoi. In CSS, fare il punto testo rosso utilizzando questo codice:

p.red {color: red;}

4 Dare un tag <p> il nome di un ID di indirizzare solo paragrafo specifico nel codice CSS. Non si può riutilizzare un nome ID sulla stessa pagina web. Ecco il codice HTML per un paragrafo con un nome ID:

<P id = "top"> Questo è un paragrafo ... </ p>

Utilizzare questo codice CSS per dare il paragrafo "top" uno sfondo grigio chiaro:

top {background-color: # CCCCCC;}

Consigli e avvertenze

  • Mettere tutti gli stili nel proprio file .css esterno durante la creazione di un sito web multi-pagina. Lo scopo di un foglio di stile esterno è di rendere più facile per modificare gli stili per un intero sito web senza cambiare ogni pagina.
  • Eseguire il backup dei file HTML e CSS prima di modificarli. È quindi possibile tornare ai file originali se hai fatto degli errori durante la modifica tag e codice CSS.

Articoli Correlati