CSS Text
You can alter the size and shape of the text on a web page with a range of properties, outlined below:
font-family:
This is the font itself, such as Times New Roman, Arial, or Verdana.
The font you specify must be on the user’s computer, so there is little point in using obscure fonts. There are a select few ‘safe‘ fonts (the most commonly used are arial, verdana and times new roman), but you can specify more than one font, separated by commas. The purpose of this is that if the user does not have the first font you specify, the browser will go through the list until it finds one it does have. This is useful because different computers sometimes have different fonts installed. So font-family: arial, helvetica, for example, is used so that similar fonts are used on PC (which traditionally has arial, but not helvetica) and Apple Mac (which, traditionally, does not have arial and so helvetica, which it does normally have, will be used).
Note: if the name of a font is more than one word, it should be put in quotation marks, such as font-family: "Times New Roman".
font-size:
The size of the font. Be careful with this – text such as headings should not just be a paragraph in a large font; you should still use headings (h1, h2 etc.) even though, in practice, you could make the font-size of a paragraph larger than that of a heading (not recommended for sensible people).
font-weight:
This states whether the text is bold or not. In practice this usually only works as font-weight: bold or font-weight: normal. In theory it can also be bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800 or 900, but seeing as many browsers shake their heads and say “I don’t think so”, it’s safer to stick with bold and normal.
font-style:
This states whether the text is italic or not. It can be font-style: italic or font-style: normal.
text-decoration:
This states whether the text is underlined or not. This can be:
text-decoration: overline, which places a line above the text.text-decoration: line-through, strike-through, which puts a line through the text.text-decoration: underlineshould only be used for links because users generally expect underlined text to be links.
This property is usually used to decorate links, such as specifying no underline with text-decoration: none.
text-transform:
This will change the case of the text.
text-transform: capitalizeturns the first letter of every word into uppercase.text-transform: uppercaseturns everything into uppercase.text-transform: lowercaseturns everything into lowercase.text-transform: noneI’ll leave for you to work out.
body {
font-family: arial, helvetica, sans-serif; font-size: 0.8em;} h1 {
font-size: 2em;} h2 {
font-size: 1.5em;} a {
text-decoration: none;} strong {
font-style: italic; text-transform: uppercase;}Text spacing:
The letter-spacing and word-spacing properties are for spacing between letters or words. The value can be a length or normal.
The line-height property sets the height of the lines in an element, such as a paragraph, without adjusting the size of the font. It can be a number (which specifies a multiple of the font size, so ’2′ will be two times the font size, for example), a length, a percentage or normal.
The text-align property will align the text inside an element to left, right, center or justify.
The text-indent property will indent the first line of a paragraph, for example, to a given length or percentage. This is a style traditionally used in print, but rarely in digital media such as the web.
p {
letter-spacing: 0.5em; word-spacing: 2em; line-height: 1.5; text-align: center;}
Sources…
[...]check below, are some totally unrelated websites to ours, however, they are most trustworthy sources that we use[...]……
affiliate marketing…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
Websites you should visit…
[...]below you’ll find the link to some sites that we think you should visit[...]……
Buy Yankee Candles at Half Off…
[...]the time to read or visit the content or sites we have linked to below the[...]…
Cheap Yankee Candles…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
TV Lamps…
The Truth behind Television Replacement Lamps….
adult friend…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
Blogs ou should be reading…
[...]Here is a Great Blog You Might Find Interesting that we Encourage You[...]……
Another Website likes your page…
[...]one your visitors recently recommended this website[...]…
Cheap Yankee Candles…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
Cheap Yankee Candles…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
Cheap Yankee Candles…
[...]here are some links to sites that we link to because we think they are worth visiting[...]…
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[...]…
10 great ways to improve your website ranking…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
Great website recommends your website…
[...]below you’ll find thе connect to some sites that anу of uѕ think you must visit[...]…
Websites you should visit…
[...]below you’ll find the link to some sites that we think you should visit[...]……
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[...]……
Sites we Like……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
Awesome website…
[...]the time to read or visit the content or sites we have linked to below the[...]……
Garmin1490t.com…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
Angry Birds Online…
[...]below are a few url links to internet pages we link to since we feel they’re truly worth browsing[...]…
Another Website Mentions You…
[...]that may bе thе end in thіѕ report. In thiѕ article you may uncover somе websites that аnу оf us believе you cаn value, just click all thе backlinks over[...]…
Superb website…
[...]always a big fan of linking to bloggers that I love but don’t get a lot of link love from[...]……
webhosting…
[...]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[...]…
Best Basketball Drills…
[...]while the sites we link to below are completely unrelated to ours, we think they are worth a read, so have a look[...]…
I’ve been brain vampired…
I just lost 32 IQ points, gone by reading this blog topic….
Do you get it…
After scratching my head in confusion I have decided to get help in coming to grips with this content….
Looking around…
I like to browse in various places on the online world, often I will go to Digg and follow thru…
Ipad Stylus…
[...]all the following are a handful of urls to places which we link to seeing as we think these are definitely worth browsing[...]…
hotels…
[...]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[...]…
Cool news from asia, fun ppl around the world, One world !…
[...]blow are some sites that we think it will be worth your time[...]…
Yahoo results…
While browsing Yahoo I discovered this page in the results and I didn’t think it fit…
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[...]…
Informative and precise…
Its difficult to find informative and accurate information but here I noted…
Websites worth visiting…
[...]usually posts some very interesting stuff like this. If you’re new to this site[...]…
Superb website…
[...]always a big fan of linking to bloggers that I love but don’t get a lot of link love from[...]……