CSS Sitilerin websayfasına eklenmesi - PcTekno.NET | PTN

Konumunuz: Anasayfa

CSS Sitilerin websayfasına eklenmesi

Cumartesi, 05 Mayıs 2007

Sample Image Sitilleri html gibi düz yazı olarak hazırlıyoruz. Hazırladığımız sitillerin websayfasına yerleştirmek için birkaç yöntem bulunmaktadır. Bu yöntemlerin farklı özellikleri ve faydaları bulunmaktadır.

Bu yöntemler şunlardır :

Sitilin uygulanması gereken yerde satır içerisinde sitilin tanımlanması.
Sayfa içerisinde <HEAD> tagı içerisine sitillerin yerleştirilmesi.
Harici bir sitil dosyasının kullanılması.

Satır içi sitil kullanımı

Bir elemana ( tag ) sitil uygulamak için o tagın STYLE özelliğini kullanabililiriz. Bu yöntemle istenilen herhangi bir yerdeki istenilen elemana herhangi bir sitil özelliğini uygulayabiliriz.

Örnek vermek gerekirse bir paragrafın zemin rengini siyah ve önplan rengini beyaz yapmak istersek:

 
<P STYLE="color:white;
  background-color:black">
  Bu paragrafın zemin rengi siyah olarak oluşturuldu. 
  Önplan rengi ise beyaz yapıldı. Bu işlemler için satır
  için sitil kullanma yöntemi kullanıldı. P tagının
  STYLE özelliği ile istenilen etki oluşturuldu.
</P>

Bu örneğimizin sonucu aşağıdaki gibi olacaktır.

Bu paragrafın zemin rengi siyah olarak oluşturuldu. Önplan rengi ise beyaz yapıldı. Bu işlemler için satır için sitil kullanma yöntemi kullanıldı. P tagının STYLE özelliği ile istenilen etki oluşturuldu.

Satır içi kullanımıyla istediğimiz elamanın sitilini öncelikli olarak değiştirebiliyoruz. Fakat bu şekilde kullanımda eksi taraf bu sitili değiştirmek istediğimizde sayfa kodları açılmalı ve değiştirilecek bölüm aranıp yeni sitillerin eklenmesi gerekmesidir. Büyük bir sitede bu işlem uzun zaman ve emek gerektirecektir.

Satır içi kullanıma başka bir örnek vererek bu konuyu bitirelim.

 
<DIV STYLE="margin:20;
  color: blue;
  background-color:yellow;
  border-color: gray;
  border-style:inset;
  border-width:10;
  font-size:18;
  font-family:verdana;">
  Satır içi sitil uygulaması için yeni bir örnek.
  Birçok özellik DIV tagı içerisinde değitirilmiştir.
  Html ile bu özelliklerin tamamı değitirilemeyecektir.
</DIV>

Bu örneğimizin sonucu aşağıdadır :

Satır içi sitil uygulaması için yeni bir örnek. Birçok özellik DIV tagı içerisinde değitirilmiştir. Html ile bu özelliklerin tamamı değitirilemeyecektir.

Yorumlar (0) Add Comment