The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

CSS Help – New

  • # November 7, 2008 at 9:14 pm


    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. … rt-1-of-3/

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

    # November 8, 2008 at 7:17 am

    This reply has been reported for inappropriate content.

    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.

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


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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed