Css

Css Still Ekleme Ders 4

24 June 2014 · 1 dakika okuma · 2

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 ;

<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

<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,

#Css #Css dersi #Css dersleri #html görsel #HTML5 #css ekleme #import #link href #style #stylesheet

Bu yazıyı paylaş:

X'te Paylaş LinkedIn