Anasayfa » CSS » CSS | Tarayıcıya css tanıtmak

CSS | Tarayıcıya css tanıtmak

7 Nisan 2010  |  Yazar: coders  |  Yorum Yok  |  13 kez okundu
Facebook'da Paylaş Twitter'da Paylas FriendFeed'de Paylaş CSS | Tarayıcıya css tanıtmak

Tarayıcı hangi sayfası veya 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.

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

Okan ATABAĞ

Facebok'ta Paylaş

Benzer Yazılar

Etiketler: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
avatar

Ahmet Ates

http://www.coders.gen.tr/ 25 yasindayim. Z.K.U Biyomedikal Cihaz Teknolojisi bölümünü okudum, Programlama dilleri arasindan ilgilendiğim ve profesyonel olarak hizmet verdiğim dil Fortran'dir. Web olarak Php,Css ve hazır sistemler olarak Wordpress ve Vbulletine hayranlık besliyorum.

Bu yazı hakkında birşeyler demek ister misiniz?

RSS üzerinden bu yazıya yapılan yorumları takip edin.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir.

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Programlama