Bu derste css de kod mantığını göreceğiz.Daha önceki derste giriş ve seçicileri işlemiştik.
Daha önceki ders için : http://ustaderslik.com/konu.php?k=CSS%20Ders-1%20Giri%C5%9F%20ve%20Se%C3%A7iciler
Şimdi ana kalıbımızı görelim.

Seçici { kod : paremetre ; kod : paremetre ; }

rengarenk oldu :)
ilk başta seçicimiz yazıyoz daha sonra kodları 2 süslü parentez içine yazıyoz{}.Ondan sonra kodunuzu yazıyoz. bu color -font-size-text-decoration... gibi daha sonra 2 nokta koyuyoz : ve paremetresini giriyoz. bu hepsinde değişebilir. 10px-Arial-bold...daha sonra 2 noktalı virgülü koyuyoz bu şarttır. ve diğer kodumuzu yazıyoz bu böylelikle uzar gider.

Şimdi 1-2 örnek yapalım

.menu{color:red;}

.menu{color:#f1f1f1;font-size:18px;font-family:Verdana;}

html elemanını seçtikten sonra bir çok css kodu atayabiliyoruz.

CSS kodlarımızı nereye yazarız onu belirteyim.
head tagları içinde

<style type="text/css">



</style>

içine veya .css uzantılı dosya oluşturup head atgları içinde sayfaya çağırarak.

<link rel="stylesheet" href="tasarim.css" />

tasarim.css de kodları yazabiliriz artık.