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 :|
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>
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 :|
<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
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