PDA

Orijinalini görmek için tıklayınız : Css'de Clasa Kullanımı Nasıl Olmalıdır?



donjuanhose81
02.Ocak.2015, 16:24
Bir HTML kaynağına baktığınızda bir element (tag) özelliği olarak class="stil" şeklinde bir özellik belirtildiğini görebilirsiniz. Peki neden buna gerek duymuşlar? Örneğin aşağıdaki HTML kodunu inceleyelim:


PHP Kodu:
<div class="stil">Hoş Geldiniz!</div>


Yukarıdaki div elementi içinde yer alan class="stil", o div elementi için CSS özellikleri belirtmemizi sağlayan bir yoldur. CSS dosyamızda şu şekilde bir ifade varsa:


PHP Kodu:
.stil {
font: 10pt Tahoma, Verdana;
color: blue;
}


Nokta (.) ile başlayan bir stil oluşturduk ve adını biz verdik. Bu demektir ki class="stil" ile belirttiğimiz tüm elementler 10 punto Tahoma yazı tipinde ve mavi (blue) renginde olacaktır. Tabi istersek sadece tek bir elementte geçerli olmasını sağlayabiliriz. Örneğin sadece DIV elementlerinde geçerli olmasını istiyorsak:


PHP Kodu:
div.stil {
font: 10pt Tahoma, Verdana;
color: blue;
}


".stil" yani seçim adımızın başına div getirmemiz yeterli olacaktır. Bu durumda bu CSS kodu sadece DIV elementlerinde kullanılabilir olacaktır.


CLASS özelliği kullanmanın bize sağlayacağı yararlara şöyle bir bakalım:


Kendimizin adlandırdığı özel stiller yaratmak ve kullanmak
Bir stili birden fazla elementte kullanabilmek
Stillere CSS de yer verip HTML kodlarımızı sürekli tekrarlanan uzun CSS kodlarından arındırmak