H1,H2,H3 meta tags -How to create these in my main.css file?

Discussion in 'CSS' started by daabomb2002, May 1, 2007.

  1. #1
    H1,H2,H3 meta tags -How to create these in my main.css file?

    Here is my main.css file:


    h1 {
    font-size: 14pt;
    margin: 5px 0 5px 0;
    }
    h2 {
    font-size: 12px;
    margin: 0 0 5px 0;
    padding: 0;
    }
    h2 a {
    color: #fff;
    text-decoration: none;
    }
    h3 {
    color: #ff9669;
    font-size: 13px;
    margin: 20px 0;
    padding: 0;
    border-bottom: 1px dashed #595454;



    So if I put MY H1 and H2 and H3 tags in,would it look like this:

    <h1> Linkdumptube.com -Add your link to increase your google page rank and traffic</h1>
    font-size: 14pt;
    margin: 5px 0 5px 0;
    }
    <h2>Linkdumptube.com</h2>
    font-size: 12px;
    margin: 0 0 5px 0;
    padding: 0;
    }
    <h2>Linkdumptube.com</h2>
    color: #fff;
    text-decoration: none;
    }
    <h3>Linkdumptube.com</h3>
    color: #ff9669;
    font-size: 13px;
    margin: 20px 0;
    padding: 0;
    border-bottom: 1px dashed #595454;








    Is this how it's done? If not can you post here how please?
     
    daabomb2002, May 1, 2007 IP
  2. semantic7

    semantic7 Member

    Messages:
    92
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    48
  3. Mr Blonde

    Mr Blonde Guest

    Messages:
    142
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    once you apply a style to an element and the page is linked to the css file, you don't need to edit any of the html so the styles underneath the heading tags wont do a thing.
     
    Mr Blonde, May 1, 2007 IP
  4. kkoder2007

    kkoder2007 Peon

    Messages:
    172
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Your code should be like this:


    
    <html>
    <head>
    <style>
    h1 {
    font-size: 20px;
    margin: 5px 0 5px 0;
    }
    
    h2 {
    font-size: 14px;
    margin: 0 0 5px 0;
    padding: 0;
    }
    
    h2 a {
    color: #00f;
    text-decoration:underline;
    }
    
    h3 {
    color: #ffccdd;
    font-size: 12px;
    margin: 20px 0;
    padding: 0;
    border-bottom: 1px dashed #595454;
    }
    
    </style>
    </head>
    <body>
    <h1> H1 Heading Linkdumptube.com </h1>
    <h2>H2 Heading </h2>
    <h2><a href="http://Linkdumptube.com">H2 A Example</a></h2>
    <h3>H3 Example</h3>
    </body>
    </html>
    
    HTML:
    hope this helps ..... :)
     
    kkoder2007, May 5, 2007 IP
  5. bacanze

    bacanze Peon

    Messages:
    2,419
    Likes Received:
    127
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You dont need to do anything, if you are using an external css file, just link to it.
     
    bacanze, May 5, 2007 IP