Ekranınızı 1024x768 çözünürlüğe ayarlamanız önerilir
e-mail atmak için tıklayın Sık Kullanılanlar menusune eklemek için tıklayın Korfez.net'i İnternete başlangıç sayfası yapmak için tıklayın  





Tarayıcıya CSS Tarif Etmenin Dört Yolu



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

   1. Stili sayfaya yazmak.

   Stil sayfası bilgisi 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">
<!--

...stil 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. Ayrı bir stil sayfası (style sheet) dosyasına link verme:

   Her bir HTML dosyasına stil kodunu yazacağınıza, bütün stil kodunu bir text dosyasına koyup herbir HTML dökümanından link verilir. Aşağıdaki etiket ile stil sayfası bağlanır ve buda HTML dökümanının <HEAD> </HEAD> etiketleri arasına konulur.

<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. Stil Sayfasını ithal etmek:

   Aynı zamanda yukardaki her iki maddeyi ayrı bir stil sayfasını bir HTML sayfasına ithal etmede kullanılır. Örneğin esas bir sayayı ithal edip, üzerine stiller 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);

... stil kodunun gerisi buraya

-->
</STYLE>



   4. Satır içinde stil:

   Stil her bir HTML elemanı için ayrı ayrı da belirtilebilir. Aşağıdaki kodu inceleyin.    

<P STYLE="margin: 1.0in">Bu paragrafın 1.0 inçlik marjinleri olacak</P>

   Gelelim Span, Div ve IDnin ne olduğuna...