Evrensel Seçiciler Css – Web Tasarım Ve Programlama Ders 6
Evrensel Seçiciler Css – Web Tasarım Ve Programlama Ders 6
Evrensel Seçiciler : Tüm sayfaya veya herhangibir etiket içindeki tüm etiketlere özellik atamak için kullanılır.* (asteriks) işareti kullanılır.
Ör : tüm sayfa için –> * {color:blue}
herhangibir etiket için h4 * {color:blue}
Örnek :
Aşağıdaki kodları notpad’de yazıp a.css olarak kaydediyoruz.
* {color:blue}
Aşağıdaki kodları notpad’de yazıp index.html olarak kaydediyoruz
<html> <head><title>www.gorselprogramlama.com</title> <style type="text/css"> @import "a.css"; </style></head> <body> <h1>gorselprogramlama.com</h1> <h2>gorselprogramlama.com</h2> <h3>gorselprogramlama.com</h3>'Daha fazla bilgi için : <a href="http://www.gorselprogramlama.com">www.gorselprogramlama.com</a> </body> </html>
index.html dosyasını çalıştıralım
Yukarıdaki kodları açıklamaya çalışalım.Önce css dosyasından başlayalım.
* {color:blue}:Tüm yazıların rengini mavi yap.
index dosyamızda yazılan yazıların tümü mavi renk olur.
Daha fazla bilgi için : www.gorselprogramlama.com
Örnek :
Aşağıdaki kodları notpad’de yazıp a.css olarak kaydediyoruz.
h2 * {color:blue}
h3 * {color:red}
Aşağıdaki kodları notpad’de yazıp index.html olarak kaydediyoruz
<html> <head><title>www.gorselprogramlama.com</title> <style type="text/css"> @import "a.css"; </style></head> <body> <h1>gorselprogramlama.com</h1> <h2>gorsel<em>program</em>lama.com</h2> <h3>gor<strong>sel</strong>program<em>lama</em>.com</h3> </body> </html>
index.html dosyasını çalıştıralım
Yukarıdaki kodları açıklamaya çalışalım.Önce css dosyasından başlayalım.
h2 * {color:blue} : h2’nin içinde bulunan etiketlerde yazılan yazıların rengini mavi yap.(Önemli Not: h2 içine direkt yazılan yazıların rengi mavi olmaz.İçinde kullanılan etiket içindeki yazıların rengi mavi olur.)
h3 * {color:red} : h3’nin içinde bulunan etiketlerde yazılan yazıların rengini kırmızı yap.
Dikkat edersek üçüncü gorselprogramlama.com yazısında h1 içinde direkt bulunanların rengi değişmiyor.Mesela gor direkt h1’içinde olduğu için renk değiştirmiyor ama sel yazısı strong etiketi içinde olduğu içinde kırmızı olur.
Daha fazla bilgi için : www.gorselprogramlama.com
