5.00 / 1 oy

HTML Etiketlerine CSS Kodu Yazmak

CSS ile sayfa içinde style etiketleri arasına stil kodları yazılabildiği gibi HTML etiketleri içine de style attribute'u ile CSS kodları yazmak mümkündür. Örnek olarak aşağıdaki HTML sayfasında herhangi bir style etiketi yazılmadan HTML etiketleri içerisinde CSS kodlamaları yapılmıştır:

<div style="color:red">
	<h2>Başlık</h1>
	<p>Birinci satır</p>
	<p>İkinci satır</p>
</div>

<div style="color:blue">
	<h2 style="color:green">Başlık</h1>
	<p>Birinci satır</p>
	<p>İkinci satır</p>
</div>

inline css html

Stil kodlarının nasıl kalıtım ile alt kodlara geçtiğinin görülebilmesi için iki farklı div hazırladım. İlk div'de kırmızı rengi sadece üstteki div'e verilmiş olmasına rağmen alttaki HTML elemanları tarafından güncellenmediği için aynen korunmuştur. İkinci div'de ise h2 etiketi, kendi rengini yeşil olarak değiştirdiği için kalıtımdan farklı bir özelliğe sahip olmuştur. Google Chrome'da h2 etiketinin stil özelliklerine bakarak da bu üzerine yazma (override) işlemini görebiliriz.

css inheritence override

 

BasParmak

04.06.2020 21:40

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
HTML Etiketlerine CSS Kodu Yazmak

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.