H2 Header Here
H3 Header here
H4 Header here
H5 Header here
H6 Header here
Brief introductory line of text goes right along here.
25 January 2007 · Last updated: 25 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 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.
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 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
Useful Info
EMAIL: www.designdetector.com (replace the 1st dot with "@")
Disclaimer
Some links on this website lead to information provided by external services not under my control, therefore I am not responsible for the content or accuracy of the linked information.
All code examples are not guaranteed 100% free from bugs and/or mistakes. Use them at your own risk. I do not take any blame should a problem occur relating to use of code on this site given as an example for your own use. Such code has been tested and found to work for me, but I cannot vouch for other computer systems (existing now, or in the future) which it may be used on, or changes you introduce yourself based on my code.
This website is © 2007 Christopher Hester, except where separate authors are named. No part of this website may be reproduced or re-used in any way without my prior permission, except content added from separate authors (who retain the copyright on their material), examples of code, and any other content I explicity state is free to copy and make use of.
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 ¶