Web Sayfalarına CSS Eklemenin Yolları Nelerdir?

Web Sayfalarına CSS Eklemenin Yolları Nelerdir? Merhaba Arkadaşlar, Bugün adi ova yazdık biliyorum ama eğitim kutsaldır 🙂 latife bir yana bu akşamın son yazısını CSS üzerine yazmak istiyorum. Blogumda CSS meselesinde adi bilgi mevcut, bazı eksiklikler mevcut onları da zaman geçtikçe karşılaştıklarımız ile gideriyoruz. O eksikliklerinden birisini daha buldum. Yaptığımız css’leri web sayfamıza nasıl ekleriz yada hangi yollardan eklerin onun üstünde durmak istiyorum. Size göre en pratik ve ya uygun yol hangisi ise onu tercih edebilirsiniz.     Web sayfalarına CSS kodu eklemenin üç yolu vardır: • Harici bir CSS dosyasından, • HTML içerisinde <style> etiketi arasında, • Etiketlerin style parametresine kıymet atayarak.     Harici CSS Dosyası ile CSS Ekleme   Bu yöntemde HTML dosyasından ayrı bir dosya oluşturularak .css uzantısı ile kaydedilir. Daha sonra HTML sayfasına yazılacak bir satırlık bir kod yardımı ile CSS dosyası HTML’ye tanıtılır. Örneğin style.css adında bir CSS stil dosyamız olduğunu varsayalım. Bu dosyayı HTML dosyasına tanıtabilmek için, HTML dosyasının <head> etiketleri arasına şu kodların yazılması gerekir:        1  <link href=”style.css” type=”text/css” rel=”stylesheet” />   Bu sayede HTML dosyası CSS dosyasını tanıyacaktır. CSS dosyasının HTML ile tıpkı klasörde bulunmadığı durumlarda href parametresini buna göre düzenlemek gerekir. sorun CSS dosyası tema adındaki bir klasörün içindeyse href parametresinin değeri “tema/style.css” olmalıdır.   Harici şekilde CSS dosyası eklemenin bir öbür yolu ise @import metodudur. Bu yöntemin farkı CSS dosyasının web tarayıcı nedeni ile daha evvela yorumlanmasıdır. Böylece biz CSS kodunu eklemeden önceki bölümler de CSS dosyasına göre biçimlendirilecektir. Bu yöntemin kullanması gene <style>  etiketleri arasına yazılan şu kodlarla sağlanır:      1 <style type=”text/css”>    2 @import “style.css”;    3 </style>   CSS dosyalarını harici şekilde eklediğimizde bütün siteyi biçimlendirebiliriz.   Style Etiketi Kullanılarak CSS Ekleme   Bu yöntemde kullanması istediğimiz CSS stilleri HTML dosyasında (veya ASP, PHP, vs.) <head> etiketleri arasında, <style> etiketi kullanılarak yazılır:      1  <style type=”text/css”>    2  body {background-color:#666;}    3  #header {width:800px; margin:0 auto;}    4    //diğer CSS stilleri    5  </style>   Bu metod genelde tasarım aşamasında, tıpkı dosya arasında rahatça değişiklik yapıp sonucu görebilmek amacıyla kullanılır. Bu yöntemle yalnızca tek bir sayfayı biçimlendirebiliriz.   Etiketlerin Style Parametresi ile Css Ekleme   Bu metod CSS dosyamızdaki genel tanımlara uymayan, yalnızca kendisine özgü bir biçimi olan ve örneğin yalnızca bir defa kullanılacak olan bir şekil için; yeni bir CSS kuralı oluşturmak yerine bu işi elemanın style parametresine yazarak çözmek istediğimiz durumlarda işe yarayabilir. Fakat genel şekilde sayfayı biçimlendirmek için bu metod kullanılmaz. sorun sitemizde tasarım gereği, yalnızca bir h4 başlığı mavi renkte olacaksa bu başlığa CSS kuralı oluşturmak yerine aşağıdaki kodu kullanabiliriz:      1  <h4 style=”color:blue;”>Emre Supçin</h4>   Bu yöntemle yalnızca tek bir HTML elemanını biçimlendirebiliriz.   Sonuç şekilde CSS eklerken, muhtelif durumlarda kullanılması uygun olan muhtelif gönderir mevcuttur. Fakat günümüzde, CSS kodlarını harici şekilde eklemek benimsenmiştir.


Yapılan Yorumlar
Erdem OFLAZ

Bir mum, diğer mumu tutuşturmakla ışığından bir şey kaybetmez.
 Kategoriler
 Popüler yazılar