SQL PHP HTML ASP JavaScript articles and free scripts to download
HTML CSS

Header tags H1 to H6 style by using CSS in a webpage

As we have seen various html tags can be managed by using style properties , same way we can manage header tags <H1> or any other tag in the same way.

You can read more on type of header tag and its uses here

Header tag style can be managed locally or from a common style sheet file for the whole website. We will discuss some of the styles we can use along with header tags but you can add any other types of properties.

By using style properties we can manage how our header tags will be displayed. We can control font size, font weight, colour, margin, background and many other properties from the style properties.

Here is the code used in external style sheet to manage headers for this site.
h1,h3 {font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 0.0em;
    margin-bottom: 0.5em;
    color: #0000c0;
    FONT-SIZE: 13pt;
font-weight: bold; color: #4c4c4c
}
h4{
background: #e8f2d7;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: center;
}
As you can see we have defined H1 and H3 as same style property but H4 is different with a background color

Be the first to post comment on this article :


Google+
Post Comment This is for short comments only. Use the forum for more discussions.
Name
Email( not to be displayed)Privacy Policy
1+2=This is to prevent automatic submission by spammers. Please enter the result of the sum as asked



Join Our Email List
Email:  
For Email Newsletters you can trust
HTML . MySQL. PHP. JavaScript. ASP. Photoshop. Articles. FORUM Contact us

©2000-2014 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer