Contact us

Guideline CSS

Guideline CSS

The heading TAG
Always use H1 for the title of a page, and then use the H2 tag to define major sections within an article, and the H3 tags within those sections if warranted. H1 defines the most important heading. h6 defines the least important heading. Remember that you cannot place the H1 tag twice, it should be UNIQUE. In order to build beautifully semantic websites that degrade gracefully, a proper understanding of the tags is a must.

Here an example how to use it properly.
H1 > Post Title/Article Title > Number of times = 1
H2 > #1 Headings within Posts – > Number of times = As many times you want (2-5best)
H3 > #2 Headings/ Sub Headings within Posts – > Number of times = As many times you want (up to 6best)
H4 > Comment Box Title/Sidebar Widgets Title = Unlimited
H5 > Sidebar Titles = Unlimited
H6 > Footer Widgets Title = Unlimited

The more you recycle your style, the better is.
Remember CSS means cascading. Try to re-use the style as much as you can too avoid having the same style over and over again. For an example, if you have to put a blue colour to a link instead of having;

.navtest {
 font-size: 16px;
 color: blue;
}
.navtest2 {
 font-size: 18px;
 color: blue;
}

Try this one;
.blue {
colour:blue;
}
.fonts {
font-size: 16px;
}
<div class="fonts blue">This is your title in blue</div>

Use that same logic to apply on every style as much as possible.

NEVER adding the style directly into the code like this;

<a href="#" style="font-size:16; color:red">To be avoid</a>