CSS Kullanarak Stil Tanımlama ve CSS Dosyasını Çağırma

Bu dersimizde CSS kullanarak başlık ve içerik stilerimizi yapalım ve CSS dosyasını sayfamıza çağıralım.

İyi günler,

Bu dersimizde CSS kullanarak başlık ve içerik stilerimizi yapalım ve CSS dosyasını sayfamıza çağıralım.

İlk önce css sayfamızı acıp icerik için "yazi" başlıklar için "baslik" tanımını yapmalıyız.


.baslik

{

color:#FFFFFF;background-color:#0099FF;font-size:24px;font-family:"Times New Roman", Times, serif;text-align:center;

}



Yazı rengi beyaz, arkaplan rengi mavionu, font 24 piksel büyüklüğünde, yazı tipi Times New Roman, yazı ortada.


.yazi

{

color:#666666;font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;

}



Yazı rengi gri, font 14 piksel büyüklüğünde, yazı tipi Verdana.


Aklınıza takılmış olabilir: Neden "yazi" ve "baslik" tanımlarken başına nokta koydum?

Bunun nedeni bize büyük bir kolaylık sağlamasıdır. Böylece stil bölümüne çıkar ve kullanım rahatlığı sağlar. Bu özeliği vereceğimiz bölümü seçip altaki stil seçeneğinden o özeliği önizlemeli şeklinden de rahatlıkla fark ederiz ve tıkladığımızda o özellik seçtimiz alana dahil olur.



Artık CSS'imiz hazır. Bunu sayfamıza çağırma işlemine geçebiliriz. Bunun için ekleceğimiz sayfanın "head" kısmının içine şunu yazmalıyız:


<link href="css dosyamızın ismi.css" type="text/css"  rel="stylesheet" />



Sayfamıza CSS dosyamızı da çağırdık. Artık bundan sonrası sizin yaratıcılığınıza kalmıstır.

Zaman ayırdığınız için teşekürler... Bir dahaki dersimizde görüşmek üzere...
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

sıralamasında değişiklik yapsak bir sıkıntı olur mu? örneğin <link href="" ten sonra type yada rel gelse ne olur sıkıntı olur mu?

Yukarı Git