Css Still Ekleme Ders 4
Merhaba,
Bu dersimizde yazdığımız Css stillerini sayfamıza nasıl ekleriz bu işlemi inceleyeceğiz.
Css dosyalarını bir kaç method ile sayfamıza ekleyebiliriz. Bunlar ;
- Direk Css dosyasından çağırmak
- Yadığımız sayfanın içerisine css kodlarını yazmak
(aslında bir iki method daha var ancak kullanılmasını kesinlikle önermediğimden açıklama yazmak istemedim)
Öncelikle şunu belirteyim. Bu 2 yoldan kullanılmasını önerdiğim tek yol direk css dosyasından çağırmaktır. Geri kalanlar seo açısından sizlere problem yaratabilir. Bunu seo derslerimizde inceleyeceğiz.
Direk Css Dosyasından Çağırmak ;
Yazdığımız css dosyasını html içerisinde <head> </head> tagi arasında herhangi bir yerde çağırabiliriz. Bu işlem için yazmamız gereken kod ;
|
1 |
<link href = “deneme.css” type=”text/css” rel=”stylesheet”/> |
Bu yazdığımız kod ile css dosyası ile html sayfamız aynı klasörde ise sorunsuz bir şekilde çalışır. Ancak ikisi farklı klasörlerde ise deneme.css dosyasının yolunu doğru şekilde yazmamız gerekmektedir. Css ile çalışırken en çok kullanacağınız yapı budur.
Sayfa içerisine css yazmak ;
Bu yapı daha çok eski html kodcularının alışkanlıkları ile devam eden günümüzde pek kullanılması tavsiye edilmeyen yoldur
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<head> <style type = “text/css”> H1 { font-family ; Arial; font-size50px;} </head> <body> <h1>Hey bu başlık çok büyük</h1> </body> |
H1 tagi için arial fontunda 50 px lik bir css kodu yazdık ve bu kodu direk yazmakta olduğumuz html dosyası içerisine ekledik.
İyi Günler Dilerim,
Cevapla
Want to join the discussion?Feel free to contribute!