Css dosyası çağırma

Css dosyamızı hazırladığımız tasarım için çağırmamız gerekmektedir. Asp, php ve html programlama dillerinde Css dosyası sayfa üzerinde <head> </head> tagları arasında uzun uzadıya yazıla bilir. Bunun yanı sıra sayfamızda <head> </head> tagları arasında stil dosyamızı çağırabiliriz.

<head> </head> tagları arasında Css yazımı


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body { background-color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.site { width:960px; text-align:left; }
</style>
</head>

<body>
</body>
</html>

Yukarıda verilmiş olan örnekte 6 ve 9.ncu satır aralıklarından body ve site class’ları için tanımlamalar yapılmıştır. Şimdi bu tanımlamarı bir Css dosyasından aldığımız zaman yapmamız gereken tanımlamayı inceleyelim.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" media="screen" href="stil.css" />
</head>

<body>
</body>
</html>

Bu şekilde bir tanımlama ile Css dosyamızın konumunu belirterekte hazırladığımız stil şablonlarını tasarımımızda uygulayabiliriz. Bakınız 6.ncı satır.