|
Ziyaret Bilgileri
|
|
[ Per, 21 Kas 2024 ]
Toplam 10 ziyaret
9 benzersiz ziyaretçi
|
|
|
|
|
Css Nasıl Çalışır?
Stil dosyasını nasıl ekleriz?
Tarayıcı stil dosyasını okuyarak html dokümanını nasıl göstermesi gerektiğini öğrenir. Stil dosyasını html dosyasına eklemenin üç yolu vardır.
Harici Stil Dosyası
Harici bir stil dosyası ile çalışmak birden fazla sayfa için stil hazırlıyorsak ideal olandır. Harici stil dosyası ile çalışırken <link> komutu ile stil dosyanıza bağlanmış her sayfanın görünümünde tek satırla bir çok değişiklik yapabilirsiniz.
<head>
<link rel?stylesheet? type=?text/css? href=?mystyle.css? />
</head>
Tarayıcı stil bilgilerini mystyle.css dosyasından okuyacaktır ve sayfanın görünümünü ona göre belirleyecektir.
Harici stil dosyasını her hangi bir metin editörü ile hazırlayabilirsiniz. Dikkat etmeniz gereken şey stil dosyanızın içinde HTML komutu bulunmaması ve uzantısının .css olması. Örnek bir stil dosyası;
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url(?images/back40.gif?)}
NOT: Değer ile birimi arasında boşluk bırakmayın yani 20px yerine 20 px yazmayın.
Dahili Stil Dosyası
Dahili bir stil dosyası 1 sayfanın kendine has bir dış görünümü olacağı zaman işlevseldir. Dahili stil dosyası HTML dosyasının içinde <style> komutu ile başlar ve </style>? komutu ile biter.
<head>
<style type=?text/css?>
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url(?images/back40.gif?)}
</style>
</head>
Komut İçi Stiller
Komut içi stillerin, sadece bir komuta yönelik bir görsel tanım hazırlanması gerektiğinde kullanılması işlevdir. Kullanımı HTML niteliklerine benzer.
<p style=?color: siena; margin-left: 20px?>
Bu bir paragraf </p>
Sonraki ders için tıklayınız...
|
|
Copyright © 2005 Uzerine.com