CSS Başlangıç: Inline CSS kullanımı

CSS ile basit kullanım örneklerine başlıyoruz. Bu kısımda CSS'in inline yani satır içi kullanımına değineceğiz. Örneğin aşağıdaki kod satırını inceleyelim.

<h1 style="font-size:25;color:purple">Biçimli h1</h1>

Burada h1 stilinin font büyüklüğü 25 rengi ise koyu pembe olarak ayarlanmıştır. Html kodumuz içinde başka h1 etiketleri de vardır ama onlar bu biçimlendirmeden etkilenmezler. Sadece bu satırda belirttiğimiz h1 etiketine özgü olarak bu biçimlendirmeyi yaptık.

Aşağıdaki kodları yazıp ornek1.html olarak kaydediniz.

<html>

<head>

<title>CSS Örnek1</title>

</head>

<body>

<h1>Biçimsiz h1</h1>

<h1 style="font-size:25;color:purple">Biçimli h1</h1>

<p>

Bu bir CSS şablon çalışmasıdır.

</p>

<h1 style="font-size:25;color:purple">Örnek 2</h1>

</body>