Anasayfa  »  Css Dersleri   »   Css dosyası çağırma

Css dosyası çağırma

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.

İLGİNİZİ ÇEKEBİLİR  Css ile Sayfayı Ortalama
OKUYUCU YORUMLARI

OKUYUCU YORUMLARI
  1. migmig

    inanilmaz harikaydi

DUYURU
Yeni başlayan ve WordPress sitelerini geliştirmek isteyen kullanıcıları bir araya getiren WordPress Destek sitemiz açıldı!
WORDPRESS DERSLERİ
CSS DERSLERİ
SON YORUMLAR
  • BAĞLANTILAR
    • Kayseri Web Tasarım
    • Kayseri Psikolog
    radabet giriş
    SON DAKİKA HABERLER