Web designer utilizzare fogli di stile CSS per impostare gli stili per le singole pagine o interi siti Web. Si fa riferimento a un tag, nome della classe, ID o una combinazione di nessuna di queste cose per "selezionare" una parte della pagina Web in CSS. Una volta che si compila un selettore, è possibile quindi impostare background proprietà di colore di colore o in primo piano. I modi più comuni per impostare i colori includono nomi di colore ufficiale o codici esadecimali, che si possono trovare utilizzando grafici e colore raccoglitori su Internet. Utilizzare colori di sfondo e primo piano i paragrafi per rendere il testo più leggibile per i tuoi visitatori.
Istruzioni
1
Aprire il codice HTML della tua pagina Web in un programma, ad esempio jEdit, BBEdit o Notepad + + di modifica del codice. Guarda per i tag tra i tag < head > < link > e cercare di trovare un riferimento a un foglio di stile esterno, che si concluderà nei. Estensione del file CSS. Se non trovate Nessun tag o riferimento, aggiungere il codice CSS tra i tag < style >.
2
Aggiungere il seguente codice CSS per dare ogni paragrafo sulla tua pagina un colore di sfondo:
p {background-color: colore;}
Modificare "colore" con il nome di un colore o il relativo codice esadecimale. Utilizzare invece questo codice per dare il testo di ogni paragrafo sulla tua pagina un colore:
p {color: colore;}
È inoltre possibile impostare un colore di sfondo e un colore di testo allo stesso tempo, come questo:
p {background-color: colore; color: colore;}
3
Dare il tuo tag < p > i nomi delle classi di destinazione solo determinati tipi di paragrafi nel codice CSS. Ecco quello che sembra un tag < p > con un nome di classe:
< classe p = "red" > questo è un paragrafo... </p >
È possibile ri-utilizzare classi come molti altri tag come ti piace. In CSS, rendere il testo del paragrafo rosso utilizzando questo codice:
p.Red {color: red;}
4
Dare un tag < p > un nome ID di destinazione solo quel paragrafo specifico nel codice CSS. Non è possibile riutilizzare un nome ID sulla stessa pagina Web. Ecco il codice HTML per un paragrafo con un nome ID:
< id p = "top" > questo è un paragrafo... </p >
Utilizzare questo codice CSS per dare il paragrafo "top" uno sfondo grigio chiaro:
parte superiore {background-color: #cccccc;}
Consigli & Avvertenze
- Mettere tutti gli stili in proprio esterno. File CSS quando si crea un sito web multi-pagina. Lo scopo di un foglio di stile esterno è quello di rendere più facile per aggiornare gli stili per un intero sito Web senza modificare ogni pagina.
- Eseguire il backup i file HTML e CSS prima di modificarli. Può poi tornare ai file originali se commesso errori durante la modifica tag e codice CSS.