Dahili CSS stilleri, HTML sayfasının head bölümünde bulunan style etiketi içinde tanımlanır. Bu stiller, sadece o sayfada kullanılabilir. İşte bir örnek:
html
<!DOCTYPE html>
<html>
<head>
<title>Dahili CSS Stilleri Örneği</title>
<style>
/* Dahili CSS stilleri */
h1 {
color: blue;
font-size: 24px;
}
p {
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<h1>Başlık</h1>
<p>Paragraf</p>
</body>
</html>
Bu örnekte, h1 ve p etiketlerine dahili CSS stilleri uygulanmıştır. h1 etiketi, mavi renk ve 24 piksel font boyutu ile stilendirilirken, p etiketi kırmızı renk ve 16 piksel font boyutu ile stilendirilmiştir.
Dahili CSS stillerinde, birden fazla özellik veya seçici belirtmek isterseniz, bunları virgülle ayırabilirsiniz. Örneğin:
html
<style>
h1, h2, h3 {
color: green;
}
</style>
Bu örnekte, h1, h2 ve h3 etiketleri yeşil renk ile stilendirilir.
Dahili CSS stilleri, küçük web sitelerinde veya tek bir sayfa için özel stiller belirlemek istediğiniz durumlarda faydalı olabilir. Ancak, büyük web sitelerinde birden çok sayfada kullanılacak stiller için harici CSS dosyaları kullanmak daha uygun olabilir.
Bu uygulamada herhangi bir sorun yaşarsanız aşağıya yorum olarak bırakabilirsiniz. Bunun yanı sıra web sitemizdeki diğer hazır Html programlama örneklerine ulaşmak için bu linke tıklayabilirsiniz