Bir element (tag) özelliği olarak class=”sinif” şeklinde bir özellik belirtmiş olalım.
Merhaba !
Yukarıdaki div elementi içinde yer alan class=”sinif”, o div elementi için CSS özellikleri belirtmemizi sağlayan bir yoldur.
CSS dosyamızda şu şekilde bir ifade varsa:
.sinif {
font: 10pt Tahoma, Verdana;
color: red;
}
Nokta (.) ile başlayan bir sinif oluşturduk ve adını biz belirledik. Bu demektir ki class=”sinif” ile belirttiğimiz tüm elementler 10 punto Tahoma yazı tipinde ve kırmızı (red) 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:
div.sinif {
font: 10pt Tahoma, Verdana;
color: red;
}
“.sinif” 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
ID Kullanımı
ID özelliği ile de stiller yaratabiliriz. CLASS’tan farklı yanları:
Sadece tek bir elementte kullanılabilir.
Aynı id değeri iki elemente verilemez (Her id sadece tek bir elementte kullanılabilir).
Stil dosyamızda CLASS’da . (nokta) kullanırdık, ancak id özelliğine göre stilleme yapacaksak # (diyez) kullanırız.
Şimdi bu anlattıklarımızı örnek üzerinde görelim:
Merhaba!
Örnekte ID değeri “sinif” olan bir DIV elementi görüyoruz. CSS dosyamızda bu elemente özel stil tasarlarken aşağıdaki şekilde kod yapısını oluşturmalıyız:
#sinif {
font: 10pt Tahoma, Verdana;
color: red;
}
Görüldüğü gibi bu kez diyez (#) ile başlattık. Sadece tek bir elemente özel stil tasarlamış olduk .
TÜM CSS ANLATIMLARI ICIN : http://webwebi.net/category/web-tasarim/css/
