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.

İLGİNİZİ ÇEKEBİLİR  Css sıfırlama (reset) nedir?

<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.

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
    SON DAKİKA HABERLER