Css sınıf seçicisi (class selektor)

tarantula90129.04.2013 - 23:10

Css sınıf seçicisi (class selektor)


Sınıf seçicilerini iki durumda kullanıyoruz. İlki bir HTML etiketine birçok özellik kazandırmak istendiğinde kullanılmasıdır.

İkincisi ise bir özelliğin birçok HTML etiketine uygulanması gerektiğinde kullanılmasıdır.

Önce ilk duruma örnek verelim.

Kod: [Seç]
<head>
<style type="text/CSS">
p.bir {tetx-align:left;}
p.iki {tetx-align:right;}
</style>
</head>
<body>
<p class="iki"> Sağa hizalanacak metin.</p>


</body>

Burada isterseniz p etiketine daha fazla özellik de atayabilirsiniz.

İkinci duruma örnek:

Kod: [Seç]
<head>
<style type="text/CSS">
.orta {tetx-align:center;}
</style>
</head>
<body>
<h1 class="orta">Başlık Metni</h1>
<p class="orta">Ortalanacak Metin</p>
</body>

Örnekte özelliği h1 ve p etiketlerine uyguladık. Gerektiğinde daha fazla etikete de uygulayabilirsiniz.

Linkback: https://www.buyuknet.com/css-sinif-secicisi-class-selektor-t40715.0.html

Etiket:
Css sınıf seçicisi  (class selektor) 

Bu bilgi size yardimci oldu mu?

EvetHayır
Css sınıf seçicisi (class selektor)
Css sınıf seçicisi (class selektor)
(Ortalama: 5 üzerinden 2.5 - 2 Oy)
2