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">
        
            3
            <head>
        
            4
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        
            5
            <title>Untitled Document</title>
        
            6
            <style>
        
            7
            body { background-color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
        
            8
            .site { width:960px; text-align:left; }
        
            9
            </style>
        
            10
            </head>
        
            11
             
            12
            <body>
        
            13
            </body>
        
            14
            </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.

    
            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">
        
            3
            <head>
        
            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" />
        
            7
            </head>
        
            8
             
            9
            <body>
        
            10
            </body>
        
            11
            </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.