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.
<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.
<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.
<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.
<div style="text-align:center;"> paragrafın 1.0 inçlik marjinleri olacak </div>
Bunlarda İlginizi Çekebilir mi ?
Yazar Bilgileri |
