CSS’e Giriş

Zeki

Detay

21 Mayıs 2020

HTML’de bu elementi(h1) kalın,altı çizili, ardalanı kırmızı olarak atama gibi çeşitli stiller verbiliriz ancak bunlar içinde ayrı HTML elementleri kullanmak zorundayız (örn:strong, gibi), ancak CSS de bunu tek bir elementle yapabiliriz ve ayrıca daha fazla stil özellikleride atayabiliriz.(örn: kenarlık, rollover vs stillerini ekleyebiliriz.)

Kod:

h1 {
  color: white;
  font:italic 11px Arial, serif;
  text-decoration: underline;
  background: yellow url(titlebg.gif) repeat-x;
  border: 1px solid red;
  margin-bottom: 0;
  padding: 5px;
}

Kullanım Kolaylığı
HTML’de her elmente artı özellikler eklemek için başka bir element ve özellik eklmemiz gerekiyor ve bu işlemi geniş çaplı bir sitede yaptığımızı düşünürseniz çok büyük zaman kaybı ve uğraş gerektiğini göreceksiniz.

Kod:

<h1>
  <font color="blue">Başlık</font>
</h1>

Bunun gibi onlarca veya yüzlerce başlığınız olduğunu düşünün, gerçekten çok zor. CSS’de aynı işlem için

Kod:

h1 {
  color: blue;
}

hatta daha sonra bu elementin özelliklerinde değişiklik yapmamızda kolay olacaktır. Hatta bu işlemi sadece bu etiket için değil diğer etiketlerede uygulayabiliriz.

Kod:

h1, h2 {
  color: blue;
}

Ara

Ara

CSS’e Giriş

Zeki

Benzer konular

Tema özelleştirme sistemi

Gece/Gündüz modunu seç

Tam ekran yada dar ekran

Izgara yada normal mod

Forum arkaplan resimleri

Sidebar blogunu kapat/aç

Yapışkan sidebar kapat/aç

Radius aç/kapat

6.4K

19.4K

9.9K

butemak