Dahili CSS Stilleri ve Kullanımı

Dahili CSS Stilleri (Internal CSS Style) :

Dahili stil kullanımı (Internal Style Sheet) olarak da adlandırılır. CSS kodumuz sayfamızın <head> kısmında, <style>…</style> etiketi içinde yer alır. Kısmen de olsa HTML ve CSS kodumuzu birbirinden ayırmış oluruz.

CSS kodları HTML kodları içerisinde kullanıldığından bu stil türüne Gömülü CSS Stilleri’ de denir. Aşağıda Dahili kullanıma örnek görüyoruz.


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
	h3{
		text-align: center;
		font-size: 20px;
		color: blue;
		/*www.yazilimkodlama.com*/
	}
	</style>
</head>
<body>
<h3>Ödev Listesi</h3>
</body>
</html>

<!doctype html>

<html>

<head>

<title>Untitled Document</title>

h3{

text-align: center;

font-size: 20px;

color: blue;

/*www.yazilimkodlama.com*/

}

</style>

</head>

<body>

<h3>Ödev Listesi</h3>

</body>

</html>

h3 etiketine ortaya hizalama,yazı tipi büyüklüğü 20px ve rengi mavi özellikleri veriliyor. Sayfamız aşağıdaki gibi görünecektir.

Bunu paylaş:

Şunlar da Hoşunuza Gidebilir

Yorum yap X

Web Tasarım & Programlama sitesinden daha fazla şey keşfedin