CSS Colours
CSS brings 16,777,216 colours to your disposal. They can take the form of a name, an rgb (red/green/blue) value or a hex code.
red
Is the same as
rgb(255,0,0)
Which is the same as
rgb(100%,0%,0%)
Which is the same as
#ff0000
Which is the same as
#f00
There are 17 valid predefined colour names. They are aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, and yellow.
transparent is also a valid value.
The three values in the rbg value are from 0 to 255, 0 being the lowest level (for example no red), 255 being the highest level (for example full red). These values can also be a percentage.
Hexadecimal (previously and more accurately known as ‘sexadecimal‘) is a base-16 number system. We are generally used to the decimal number system (base-10, from 0 to 9), but hexadecimal has 16 digits, from 0 to f.
The hex number is prefixed with a hash character (#) and can be three or six digits in length. Basically, the three-digit version is a compressed version of the six-digit (#f00 becomes #ff0000, #c96 becomes #cc9966 etc.). The three-digit version is easier to decipher (the first digit, like the first value in rgb, is red, the second green and the third blue) but the six-digit version gives you more control over the exact colour.
‘color’ and ‘background-color’:
Colours can be applied by using color and background-color (note that this must be the American English ‘color’ and not ‘colour’).
A blue background and yellow text could look like this:
h1 {
color: yellow; background-color: blue;}These colours might be a little too harsh, so you could change the code of your CSS file for slightly different shades:
body {
font-size: 0.8em;
color: navy;
} h1 {
color: #ffc; background-color: #009;}Save the CSS file and refresh your browser. You will see the colours of the first heading (the h1 element) have changed to yellow and blue.
You can apply the color and background-color properties to most HTML elements, including body, which will change the colours of the page and everything in it.
CSS Colours | Source and Code System…
I appreciate on you. A charge card constructed united states obvious regarding this topic pretty effectively and i also intend you will keep writing about this unique later on….
Super Cheap Yankee Candles…
[...]we like to honor other sites on the web, even if they aren’t related to us, by linking to them. Below are some sites worth checking out[...]…
Recent Blogroll Additions……
[...]usually posts some very interesting stuff like this. If you’re new to this site[...]……
Websites you should visit…
[...]below you’ll find the link to some sites that we think you should visit[...]……
Recent Blogroll Additions……
[...]usually posts some very interesting stuff like this. If you’re new to this site[...]……
online sales…
[...]the time to read or visit the content or sites we have linked to below the[...]…
Sites we Like……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Websites worth visiting…
[...]here are some links to sites that we link to because we think they are worth visiting[...]……
Backlink Found from SWTOR Website…
[...]I'm searching fоr ѕоme fabulous business blogs to enhance mу google reader that arе worthwhile follоwіng upon an ongoing basis. Can you wіll bе making and recommendations? I hаv…
TV Lamps…
The Truth behind Television Replacement Lamps….
adult social network…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
Related……
[...]just beneath, are numerous totally not related sites to ours, however, they are surely worth going over[...]……
A gaming website recommends your website…
[...]check below, are a couple of totally unrelated websites to ours, however, these are mоst trustworthy sources that individuals use[...]…
Discount Yankee Candles…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
Great Clips Coupons…
[...]below are several listings to internet pages which I link to for the fact we feel they really are well worth visiting[...]…
Discount Yankee Candles…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
Sources…
[...]check below, are some totally unrelated websites to ours, however, they are most trustworthy sources that we use[...]……
Awesomeness…
We should be happy for this….
Super Cheap Yankee Candles…
[...]we like to honor other sites on the web, even if they aren’t related to us, by linking to them. Below are some sites worth checking out[...]…
Blogs ou should be reading…
[...]Here is a Great Blog You Might Find Interesting that we Encourage You[...]……
Fave…
Without remorse I say that this is my favourite website list….
Another Link Earned To Your Site…
[...]how сomе sоmе blogs inside of a blogroll do nоt possess thеіr hottest post listed while otherѕ do? The best way to change that?[...]…
Websites we think you should visit…
[...]although websites we backlink to below are considerably not related to ours, we feel they are actually worth a go through, so have a look[...]……
buy damansara house…
[...]you will find information that’s relevant to you if you want to buy damansara house[...]…
Related……
[...]just beneath, are numerous totally not related sites to ours, however, they are surely worth going over[...]……
Check this out…
[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]……
Awesome website…
[...]the time to read or visit the content or sites we have linked to below the[...]……
Another Website recommends your website…
[...]Here are somе of thе sites we recommend for your visitors[...]…
Angry Birds Online…
[...]below are a handful of web links to web-sites which I connect to since we believe they really are really worth visiting[...]…
Nice post……
[...]always a big fan of linking to bloggers which I love[...]……
Garmin1490t.com…
[...]we like to honor other sites on the web, even if they aren’t related to us, by linking to them. Below are some sites worth checking out[...]…
Blogs ou should be reading…
[...]Here is a Great Blog You Might Find Interesting that we Encourage You[...]……
Informative and precise…
Its difficult to find informative and precise info but here I noted…
shared webhosting…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
Quite Right…
We definitely got into the post which I bumped into….
basketball drills…
[...]below you’ll find the link to some sites that we think you should visit[...]…
Visitor recommendations……
[...]always a huge fan of linking to bloggers which I love[...]……
Looking around…
I like to browse around the internet, often I will just go to Digg and follow thru…
Go no further…
Please don’t coerce me to peruse that blog item again have mercy….
Ipad Stylus…
[...]all the following are a handful of hyper-links to web based that we connect to because we think these are worthy of visiting[...]…
Creative videos that you must check out !…
[...]we like to honor other sites on the web, even if they aren’t related to us, by linking to them. Below are some sites worth checking out[...]…
travel…
[...]the time to read or visit the content or sites we have linked to below the[...]…
Creative Wedding videos that you must check out !…
[...]we like to honor other sites on the web, even if they aren’t related to us, by linking to them. Below are some sites worth checking out[...]…
Informative and precise…
Its difficult to find informative and accurate information but here I found…
Its hard to find good help…
I am forever saying that its hard to procure good help, but here is…
Summer is here ~ come and cool down with our cool news !…
[...]here are some sites that we think it will cool you down[...]…
Things that make you go hrmm…
Ever ponder where to venture off to for a holiday and end up going nowhere but wishing you had….
Links…
[...]%BLOGTITLE%[...]…
Sites we Like……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Superb website…
[...]always a big fan of linking to bloggers that I love but don’t get a lot of link love from[...]……