on air

CSS {color} property.

back home » Web Tutorials » CSS » CSS {color} property.

Scenario.

The CSS color property is used to specify the color of text for different HTML elements. This can be created as an external stylesheet [Recommended] inline, or in the head section of an HTML document like in our example below.

See illustration the below.

Stylesheet In The <head> Section.

<head>
<style type="text/css">
<!--
body{color:#FF0000; 
}
h1{color:#FFFF00;
}
p.Override{color:#00CC00;
}
-->
</style
</head>

Defined Text Color For The HTML <body> Element.

Place the script above in the <head> section of your HTML document, and the <body> text color will be Red. This is because, the body selector in the <head> section style is having a declaration {color:#FF0000;} which is RED.

<body>
<p>
Hello World, I'm the body text color RED, 
defined in the CSS body selector.
</p>
</body>

Defined Text Color For The HTML <h1> Element.

Place the script above in the <head> section of your HTML document, and the largest heading's element <h1> color will be Yellow. This is because the h1 selector in the <head> section style is having a declaration {color:#FFFF00;} which is YELLOW.

<body>
<h1>Hello World, I'm the largest heading 
in RED color.</h1>
</body>

Defined Text Color For The HTML <p> Element Using Class.

Place the script above in the <head> section of your HTML document, and the paragraph <p> color text will be Green. This is because the p selector in the head section style is having a class [Override] and a declaration {color:#00CC00;} which is GREEN, and the class is used in the HTML <p> element.

<body>
<p class="Override">
Hello World, I'm a paragraph 
with text color Green.
</p>
</body>

<p> Element Inherits <body> Element's Defined Text Color.

Place the script above in the <head> section of your HTML document and the <p> element will inherit its standard color from the body selector. This is because the <p> element is a child of the HTML <body> element.

Unless it's specifically given a class declaration like in the above example.

<body>
<p>
Hello World, I'm the paragraph 
color Red because I inherit
my color from the body selector.
</p>
</body>

For In-depth CSS knowledge check out our CSS Tutorials page.

CSS Color Properties Video Tutorial.

CSS Examples.

Top Articles.

Clicks4UrMind

Man will give you worldly powers, and make you feel on top of all, note this is temporally and could be redrawn at anytime sending you back to the ground floor of life. However, the Lord Almighty, the one and the only rightful ruler of the Universe, blesses everlastingly.

Brain

Knowledge is Power, but Power is not Knowledge. Wisdom is the truthful Power that identifies the Knowledge within the man. And only, I repeat 3x. Only the almighty God has the power to bless the man with his Wisdom forever.

To achieve the Lord's blessings, cease not praying daily, asking for his Wisdom, and you'll be blessed abundantly...

SPYERA PHONE

Spyera Phone

Spyera Phone version is software that you install on a smart phone to monitor everything happening on the phone. After installation, SPYERA secretly records events (sms, call history, phone book, location, emails, What's App messages, IM, Facebook Chat, Skype, See photos taken and many more...) that happen on the phone and delivers these information to a web account, where you can view these reports 24/7 from any Internet enabled computer or mobile phone. SPYERA also allows you to listen to the surroundings of the target mobile , listen to the phone conversation and to know the location of the device.

Please, Kindly Donate What You Can, Enabling Us Pay Hosting And Domain Costing, And Do More.

Please Donate