Etiket Tag seçiciler ve kullanımları
Etiket (Tag ) Seçicisi
Etiket seçicileri aynı türden tüm ögelere (etiketlere), istediğimiz stili uygulamak için kullanılır.
Örnek : sayfamızdaki paragraflarda yazı büyüklüğünün 16px, yazı tipinin Arial ve kalın olmasını sağlamamak için, stilimiz aşağıdaki şekilde oluşturulur.
p {
font-size:16px;
font-family:Arial;
font-weight:bold;
}
Bu şekilde etiket seçici kullanıldığında stil özellikleri , sayfa içerisinde bulunan tüm p etiketlerine etki edecektir.
Örnek : Etiket seçici örnek uygulama
Not : p ve h1 etiketlerine aşağıdaki gibi stil ayarları yapıldığında html sayfamız içerisinde kullanılan tüm h1 ve p etiketleri verilmiş olan stil özelliklerinden etkilenir.
<html>
<head>
<title> Tag Seçici Css Örnekleri </title>
<style type="text/css">
/*p etiketi için stilimizi belirliyoruz*/
p {
color:#000080; /* lacivert renk */
font-size:12px; /* 12 pixel yazı puntosu */
}
/*h1 etiketi için stilimizi belirliyoruz*/
h1 {
color:#ff0000; /* kırmızı renk */
font-size:16px; /* 16 pixel yazı puntosu */
}
</style>
</head>
<body>
<h1> H1 etiketi ile oluşturulmuş başlık </h1>
<p> Burası p etiketi içerisinde yer alan metindir. Bu metin p etiketine verilmiş olan stil özellikleri ile biçimledirilmiştir. </p>
<h1> Başka Bir Başlık </h1>
<p> Burası başka bir p etiketi içerisidir. </p>
</body>
</html>
Canlı Destek
