/*gövdemizin font,renk ve hizalamalarını yapıyoruz*/
BODY
{
background: #202328;
font: 75%/160% Verdana, Arial, sans-serif;
color: #ffffff;
text-align: center;
}
/*linklerimize ait csslerimizi yazıyoruz.*/
/*Linkimizin rengi*/
A
color: #b0dfff;
/*linkimizin ziyaret edildikten sonraki rengi*/
A:visited
/*linkimizin üzerine geldiğimizde aldığı renk*/
A:hover
/*elemanımızın tuş girdilerini algılamaya başladığı andaki rengi*/
A:focus
color: #33ff33;
/*fare düğmesine kullanıcının basması ile bırakması arasında geçen sürede linkin aldığı renk*/
A:active
/*büyük başlığımızın rengi ve fontu*/
H1
color: #ff00ff;
font-family: Arial, sans-serif;
/*küçük başlığımızın rengi ve fontu*/
H2
/*html kısımında ana adlı div içinde kalan kodların kullanacağı style'ları yazıyoruz*/
/*padding yazıların border'dan ne kadar mesafe uzaklıkta başlayacağını belirtir.*/
/*text-align yazıların hangi yöne dayalı olacağını belirtir.*/
#ana
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
text-align: left;
/*margin sayfanın verilen yöne olan uzaklığını belirtir*/
/*display: block kullandığımız nesnelerin alt alta sıralanmasını sağlar.*/
/*overflow: hidden kutu dışına taşan yazıları gizler.ScrollBar çıkmasını engeller.*/
/*position: relative göreceli konum öğesidir.Öğenin soluna 20px boşluk ekler*/
margin-top: 0px;
display: block;
font-size: 180%;
overflow: hidden;
width: 172px;
position: relative;
height: 36px;
/*html kısımında icerik adlı div içinde kalan kodların kullanacağı style'ları yazıyoruz*/
/*margin borderın dışındaki bir nesnemizdir.Margine vereceğimiz değerler ile borderımızın*/
/*olduğu kısmı sayfa kenarlarından istediğimiz kadar uzaklaştırabiliriz.*/
/*margin: 20px 100px 20px 200px değerler sırası ile üst-sağ-alt-sol kenarlardan olan uzaklıkları belirtir.*/
#icerik
margin: 20px 100px 20px 200px;
/*html kısımında alt adlı div içinde kalan kodların kullanacağı style'ları yazıyoruz*/
/*alt adlı div içinde kalan nesne