CSS bir tag için veya bir sayfa için nasıl

Web Tasarım ve Programlama

Dosyayı indirmek için tıklayınız.     css_anlatim_1      indir

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css_dosyam1.css">
<style type="text/css">
i{
	color:red;
}
	a{
		font-size: 15px;
		color: purple;
	}
	a:hover{
		background-color:black;
	}

</style>
	
</head>
<body>
<P>bir stil (css) isteği eğer <i>o tagin içine</i> style açılarak yapılıyorsa o istek sadece ilgili tag için geçerli olur. Birazdan yazacağımız B taginin renginin aqua olması bundan dolayıdır. <b style="color: aqua;"> koyu yazıların</b> </p>
	<p> Eğer bir tagin css bilgisini o sayfada yer alan tüm taglar için değiştirmek istiyorsanız.  Bu stil bilgisini sayfanın başına head taginin içine style olarak belirtmeniz gerekir. <i>Bu sayfada yer alan tüm italik</i> yazım taglerinin renginin kırmızı olmasını istememiz gibidir. </p>

	<p> Ayrıca herhangi bir tag'in üzerine geldiğinizde bir değişiklik istiyorsanız. Hover özelliğini kullanmanız gerekecektir. Bu sayfada kullanılan tüm linkler için istediğimizi düşünerek üste head tagine yazalım. linklerin zemin rengi de mordur ayrıca font büyüklüğü 15dir. <a href="#"> bilgi için tıklayınız </a> Eğer link üzerine geliyorsak zemin renginin siyah olmasını sağlanabilir. <a href="#">Bu paragrafta</a> yer alan tüm koyu yazılar için aynı özelliği istiyorsak yine style vermeliyiz. Bu <b style="color: aqua;"> koyu yazı</b>gibi. Sadece <b> sadece koyu yazmak için özelliksiz olacaktır. </b> Eğer tüm taglar için genel bir özellik belirtmek istiyorsak bunu</i> class olarak yazmalıyız. Class ifadeleri de style içerisine . ile başlayarak yazılan ifadelerdir. 
	<i>Bu yazıya class verdik.</i>
	
</P>
	
</body>
</html>

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir