Peksoft adlı üyeden alıntı:
mesajı görüntüle
En güzel kaynaklardan biri, www.fatihhayrioglu.com
En basitinden bi' örnek yaptım, en sade şekilde bile css kodlarını html'e koyduğunuzu düşünün bide, ne kadar kalabalık yapıyo.

En basitinden bi' örnek yaptım, en sade şekilde bile css kodlarını html'e koyduğunuzu düşünün bide, ne kadar kalabalık yapıyo.

body {
font:12px/20px Verdana,Arial;
text-align:center;
}
#anaalan {
width:800px;
margin:0 auto;
text-align:left;
}
.ust {
float:left;
width: 800px;
height: 100px;
background-color: #66ff33;
}
.sol {
float:left;
width:200px;
height:400px;
background-color:#99ccff;
}
.orta {
float:left;
width:400px;
height:400px;
background-color:#ffca95;
}
.sag {
float:left;
width:200px;
height:400px;
background-color:#ffccff;
}
.alt {
float:left;
width:800px;
height:100px;
background-color:lightgreen;
}Birde böyle bakın, ne kadar sade. Google şunu sevmesinmi. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="tr-TR"> <head> <title>CSS Örnek</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /> <link rel="stylesheet" type="text/css" href="ornek.css" /> </head> <body> <div id="anaalan"> <div class="ust">Üst bölüm</div> <div class="sol">Sol bölüm</div> <div class="orta">İçerik</div> <div class="sag">Sağ bölüm</div> <div class="alt">Alt bölüm</div> </div> </body> </html>