CSS è uno strumento molto potente in creazione di siti Web. Esso consente di apportare modifiche su larga scala per l'aspetto generale e anche layout di un sito utilizzando solo poche righe di codice e può snellire entrambi il lavoro di codifica di un sito e i documenti di codice sorgente finito. Cambiare il colore di un blocco di testo è una delle cose più semplici che si può fare in CSS, richiedenti solitamente meno di una linea completa di codice aggiuntivo.

Definizione dei colori in CSS

È possibile definire un colore in tre modi in CSS. Se è un colore di base, può spesso semplicemente scrivere il nome standard per esso nel codice. In caso contrario, è possibile utilizzare un codice esadecimale, che assomiglia ad un cancelletto seguito da sei caratteri alfanumerici, o un valore rgb, che consiste del testo "rgb" seguita senza uno spazio da un set di parentesi contenente tre numeri separati da virgole. Spetta interamente a preferenze personali che si utilizzano. Vedere la sezione risorse per uno strumento online per aiutarti a generare codici esadecimali o valori rgb.

Singoli paragrafi

Cambiare il colore del carattere di un singolo paragrafo con i CSS è facile come l'aggiunta di un po' di extra codice a quel paragrafo di apertura tag di paragrafo (< p >). Aggiungere uno spazio dopo la p e lo stile di codice = "" immediatamente prima della parentesi di chiusura. È quindi possibile aggiungere il colore che si desidera il testo per essere (in una qualsiasi delle tre forme) tra virgolette. Questo attributo di stile è un piccolo pezzo di codice CSS inserito direttamente il codice HTML e non interesserà nulla di fuori del tag di paragrafo a che viene aggiunto.

Tutto il testo

Per modificare il colore di tutto il testo su una pagina (o, nel caso di pagine utilizzando un file CSS separato, tutto il testo su ogni pagina utilizzando tale file), aggiungere una nuova riga di codice all'interno del foglio di stile CSS (o nella sezione head del file HTML nel file CSS separato). Questo codice dovrebbe apparire come questo: p {color:;}. Inserire il colore che si desidera il testo per essere (in una qualsiasi delle forme) immediatamente prima il punto e virgola.

Più paragrafi

È anche possibile modificare il colore di alcuni paragrafi, ma non tutti di loro, in un modo più semplice rispetto individualmente aggiungendo l'attributo di stile per ogni tag di paragrafo che si desidera modificare. A tale scopo, immettere lo stesso codice esatto nel CSS come faresti per modificare tutto il testo, tranne aggiungere un punto e un nome di classe (può essere qualsiasi singola parola che si desidera), senza spazi, seguendo la "p". Ad esempio, se si voleva testo blu e denominato la classe "bluetext", il codice sarebbe simile questo: p.bluetext {color: blue;}. Quindi, aggiungere la classe di codice = "bluetext" nell'apertura paragrafo tag di ogni blocco di testo che si desidera modificare, facendoli apparire come questo: < classe p = "bluetext" >. In questo modo, se si desidera modificarle tutte più tardi, o avete un valore esadecimale complex di entrare piuttosto che un nome di colore, la codificazione è molto più facile su di voi.