Grow your CSS skills. Land your dream job.

CSS Help – New

  • # November 7, 2008 at 9:14 pm

    Hi,

    I understand the CSS is a much easier way of designing webpages. However, I cannot find anywhere where it compares what I am suppose to start my CSS file off with, and what the heck I am suppose to put in dreamweaver to make my page. I am currently beyond frustrated :|

    # November 8, 2008 at 6:48 am

    To link to an External CSS file you type:
    <link href="styles.css" rel="stylesheet" type="text/css">

    then when you make your style sheet (styles.css)
    you can start with styling the body of your page.

    body {
    background-color: red;
    color: blue; <– this is for font
    font-size: 11px;
    }

    ect.. DreamWeaver will help you along the way as well.

    http://css-tricks.com/video-screencasts … rt-1-of-3/
    http://css-tricks.com/videos/css-tricks-video-2.php
    http://css-tricks.com/videos/css-tricks-video-3.php

    look at the above videos it will help with the first steps to css

    # November 8, 2008 at 7:17 am

    as said above you link into an external style sheet, as long as its called something.css and can be in any directory, but specified in the html.
    e.g. <link href="code/a_style_sheet.css" rel="stylesheet" type="text/css">

    and with the CSS code, you can tell HTML tags to have certain markup or you can add classes or IDs to the tags.

    body {color:#ff0000;} //will do the body of the HTML
    .title {color:#ffffff; background-color:#0000ff;} //will only effect any tags with a class="title"
    #one {color:ffff00; background-color:#000000;} //will only effect tags with id="one"

    classes are better to use IMO.

    <body>
    <h1 class="title">This is a title</h2>
    <h2 id="one">Title 2</h2>
    this is the body
    </body>

    ik

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".