connecting div css and php page and basic css div

Hay visitor to this time I will make a an example of how to connect a separate css page with HTML or PHP possible for those who have advanced ituh ituh easy but very confusing for beginners. Do not be humble for the beginner ituh also learn proper name must have been getting in trouble. For beginners who learn proggraming there is an tips for you if you get in trouble or there sapai kebingunagan ituh your sign has gone up a level so do not ever give up ... ok

First of all, you make a page in dreamweaver css if you tingal new-> select css code .. and the content you want
but if those of you who do not use dreamweaver you can use notepad and copy code
 below 
@ Charset "utf-8";
/ * CSS Document * /

# Outer {width: 800px;
height: 700px;
background: # FFF;
} / / Width ituh for long if heigth create down or high and I love the color white background
# Header {
height: 200px;
width: 800px;
background: # F00;
} / / For long I still wear high 800 and 200 for the red background color. The background can also be used but with the size of the banner image that has been set
# Left {
width: 400px;
height: 400px;
background: # 00F;
float: left;
}
# Right {
width: 400px;
height: 400px;
background: # 0F0;
float: left;
} / THE LEFT TO RIGHT THIS SAME create html content where I set the same length and height but for a different color backgroun left right blue green and left to float in the first
# Footer {
width: 800px;
height: 100px;
background: # 000

} / / For this footer can be said of a website I set foot for long-footer certainly 800px;
and for the rest of the high of 700 in less than 200 in less than 400 so footer stay 100

note=> for div we must be smart in calculating the height and width of a web that we want to create.
Save with the name style.css

For the second stage I will tell you how you can install last css code to HTML
You just copy the code below and students I To cattan sign # in css had called him in the way HTML is wearing ID as below 
<link rel="stylesheet" href="style.css"/>
<div id="luar">
<div id="header"> this to a banner </ div>
<div id="kiri"> this to a left content </ div>
<div id="kanan"> this to the right content </ div>
<div id="footer"> this to a web foot </ div>
</ Div>


So much from me and thank you ...