H2 Header here
H3 Header here
H4 Header here
H5 Header here
H6 Header here
Brief introductory line of text goes right along here.
25th January 2007 · Last updated 25th January 2007
Example text goes here to illustrate how the page looks with a paragraph of text on it. Example text goes here to illustrate how the page looks with a paragraph of text on it. Example text goes here (STRONG example) to illustrate how the page looks with a paragraph of text on it. Example text goes here to illustrate how the page looks with a paragraph of text on it. Example text goes here to illustrate how the page looks with a paragraph of text on it.
Abbr Test. Example text goes here to illustrate how the page looks with a paragraph of text on it. Example text goes here to illustrate how the page looks (EM example) with a paragraph of text on it. Example text goes here to illustrate how the page possibly looks with a paragraph of text on it. Example text goes here to illustrate how the page looks with a paragraph of text on it.
"Here is a blockquote,", he said knowingly, "which fits between the paragraph above and the one below."
She thought he was stating the obvious there.
But what of the others? She couldn't remember how they felt about the situation, and it really didn't bother her at all.
Example text goes here to illustrate how the page looks with a paragraph of text on it. Example text goes here to illustrate how the page looks with a paragraph of text on it. Lines of example text goes here to illustrate how the page looks with a paragraph of text on it. Example text goes here to illustrate how the page looks with a paragraph of text on it. Example text goes here to illustrate how the page looks with a paragraph of text on it. The code for indents is .indent {margin-left:15px;} Example text goes here to illustrate how the page looks with a paragraph of text on it. Example text goes here to illustrate how the page looks with a paragraph of text on it.
- How about a list?
- Here are some list items...
- ...inside an unorganised list.
- How does it look?
- How about another list?
- Here are some list items...
- ...inside an organised list.
- How does it look?
- How about another list without gaps?
- Here are some list items...
- ...inside an organised list.
- How does it look?
h2 {font-size:32px; font-family:Georgia,'Times New Roman',Times,serif; font-weight:bold; color:rgb(221,206,188);}em, strong {font-weight:bold; color:rgb(216,231,250);}ul li {margin-left:37px;}ol li {margin-left:45px;} /* allow for numbers over 100 */h2 {font-size:32px; font-family:Georgia,'Times New Roman',Times,serif;}
- Definition list here
- Definition term here
- Definition term here
- Definition term here
Comments (5)
Please send any comments in via email and I'll publish any suitable ones here.
Totally agree... big pet peeve of mine since I have a gray background on my browser. I see lots of sites that look awful because of this simple lack of color specification.
Sent in by email on 16 January 2007 ¶
I believe that this code:
html, body {background-color:#fff; color:#000;}can be written as
body {background-color:#fff; color:#000;}or even
html body {background-color:#fff; color:#000;}I just don't understand for what stands for
html, body ...Why do you use the ',' ?
Sent in by email on 21 January 2007 ¶
Why the comma? Because you can style the HTML element separately, not just the BODY. So to avoid an unwanted mix, I style both.
Posted on 21 January 2007 at 8:13 pm ¶
I had specified background & text colors, but text colors only when I wanted them to differ from the default black on white. Incorrectly assuming that they would always remain in this default state.
Thanks for the tip!
I am trying to learn PHP and have been reading your article on PHP flat files. I am looking forward to using that information in a future project.
Sent in by email on 21 January 2007 ¶
Most current browser have the "browser" stylesheet set to white, but I think [from memory] that Netscape 4 had it set to a medium grey. So you should always explicitly set it.
Also 'background-color:#fff' can be shortened to 'background:#fff'
Sent in by email on 25 January 2007 ¶