Tweet

CSS | Tarayıcıya css tanıtmak

Tarayıcı hangi css sayfası veya css elemanlarının belirtildiğini bilmek zorundadır. Bunu bildirmenin bir kaç yolu vardır:

1. Yol: Stili sayfaya yazmak.

Css kodları HTML sayfasının üzerine yazılabilir. Aşağıdaki etiket HTML dökümanının '<HEAD> </HEAD>' etiketleri arasına yazılmalıdır.
CODE:
<STYLE TYPE="text/css">
<!--

Css kodu buraya yazılır ...


-->
</STYLE>
Eğer Javascriptlerle uğraştıysanız eski tip tarayıcıları aldatmak için aynı tip etiket kullanılmıştır. HTML spesifikasyonu tarayıcılara anlamadığı etiketi dikkate almamalarını söyler. Böylece eski tür bir tarayıcı bunu okuyunca [stil etiketini HTML yorum etiketi ('<!-- -->') arasında görünce] atlayarak devam eder.

2. Yol: Ayrı bir Css sayfası (style sheet) dosyasına link vermek

Her bir HTML dosyasına css kodunu yazacağınıza, bütün css kodunu bir text dosyasına yazıp, Tüm HTML dökümanından link verilir. Aşağıdaki etiket ile css sayfası bağlanır ve buda HTML dökümanının '<HEAD> </HEAD>' etiketleri arasına yazılır.
CODE:
<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">

style.css sizin stil tariflerinizi (eksi etraflarındaki style etiketi olmadan) taşıyan bir text (metin) dosyasıdır.

3. Yol: Stil Sayfasını ithal etmek

Aynı zamanda yukardaki her iki maddeyi ayrı bir css sayfasını bir HTML sayfasına ithal etmede kullanılır. Örneğin esas bir sayayı ithal edip, üzerine css elemanları ilave edebilirsiniz. İthal komutu yukarda tarif edilen stil kısımınaki ilk yazı olmalıdır.
CODE:
<STYLE TYPE="text/css">
<!--

@ithal url(style.css);

css kodunun gerisi buraya yazılır.

-->
</STYLE>


4. Yol: Satır içinde css kullanmak

Css kodları her bir HTML elemanı için ayrı ayrı da belirtilebilir. Aşağıdaki kodu inceleyin.
CODE:
<P STYLE="margin: 1.0in">Bu paragrafın 1.0 inçlik marjinleri olacak</P>


Dia
okanatabag@gmail.com
17 Eylul 2005 16:02

İlgili Olabilecek Makaleler


Yorumlar (0)




Ziyaretçi olarak yorum yazamazsınız. Üye olmak için tıklayın Üye iseniz giriş yapın.



MENÜ » FORUM
Menü » Takip et
RSS Facebook Twitter Friendfeed
Sık Kullanılanlar Google Yahoo Live
Menü » Paylaş
E-Posta ile gönder Twitter Facebook Friendfeed
Buzz Stumbleupon Delicious Digg