Come modificare colori di testo con i CSS

February 14

Come modificare colori di testo con i CSS. CSS (fogli di stile CSS) consente di aggiungere stile, come i colori del testo, colori di sfondo, font e la formattazione. Se si riesce a cogliere HTML, è possibile ritirare CSS piuttosto rapidamente, troppo. Cominciamo con un semplice tag per modificare il colore del testo con i CSS.

istruzione

1 Aprite il vostro editor HTML basato sul testo. Aprire un file in modo da poter vedere e modificare l'origine.

2 Impostare colori predefiniti. Creare un tag: <style type = "text / css"> e inserirlo prima i tag body. Dopo di che, iniziare a definire i colori dei diversi tipi di testo. Ad esempio, per rendere tutti i titoli blu, tipo: H1 {color: blue}. Definire tutti i tipi di testo, ognuno su una riga separata. Quando hai finito, chiudere il tag con </ style>.

3 Usa colori predefiniti. Dopo aver definito i colori di default, ogni volta che si utilizza quella particolare tag, sarà nel vostro colore predefinito. Ad esempio, abbiamo impostato H1 al blu, quindi se si dovesse digitare <h1> WOW! </ H1> sarebbe automaticamente in blu.

4 Fai un'eccezione. Se si desidera qualcosa di essere qualcosa di diverso dal colore di default, quindi è sufficiente posizionare il tag CSS all'interno del tag HTML per cambiare al volo. Ad esempio, per cambiare i titoli in rosso, è necessario digitare <h1 style = "color: red"> Ora è il rosso </ h1>!.

5 Utilizzare i selettori contestuali. Quando si definiscono le impostazioni predefinite in principio, è possibile anche impostare più eccezioni, in base al contesto. Ad esempio, se si desidera che tutti corsivo nel titolo per essere verde, digitare: <h1 i "color: green">. Ora, ogni volta che fate qualcosa corsivo all'interno di un titolo, sarà verde, ma al di fuori sarà il colore predefinito.