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ı
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > |
2 |
<html xmlns= "http://www.w3.org/1999/xhtml" > |
4 |
<meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" /> |
5 |
<title>Untitled Document</title> |
7 |
body { background-color : #CCCCCC ; font-family : Arial , Helvetica , sans-serif ; font-size : 12px ; } |
8 |
.site { width : 960px ; text-align : left ; } |
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.
1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > |
2 |
<html xmlns= "http://www.w3.org/1999/xhtml" > |
4 |
<meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" /> |
5 |
<title>Untitled Document</title> |
6 |
<link rel= "stylesheet" type= "text/css" media= "screen" href= "stil.css" /> |
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.