thumbnail

HTML Sayfasına Css Ekleme

Bir Html sayfası kodladınız ve henüz CSS kullanımına başlamadınız. Önce CSS tanımlaması için HTML sayfanıza “HEAD” etiketleri arasına style tanımlaması yapmalısınız.



<head>

<style>

a {

text-align:center;

float: left;

color: #ffffff

}

</style>

</head>


Yukarıda örnekte style içerisine yazdığımız kodlar sayfasının stilini değiştirmiştir. Burada a elementine müdahale etmiş olduk. Sayfanın içinde istediğiniz kümeye bu şekilde müdahale edebilirsiniz. Fakat biz burada CSS’i HTML’in içine bütünleştirdik. Kodlar arttıkça bu durum içinden çıkılmaz bir hal alacağı için CSS dosyamızı HTML’e dışarıdan bağlayacağız.

Bu işlemi gerçekleştirmek için HTML sayfamızın HEAD etiketinin içerisine CSS dosyamızın yolunu vereceğiz. Örnek vermek gerekirse;



a{

text-align: center;

float: left;

color: #ffffff;

}

/*style.css  Dosyasi*/

<head>

<link href="style.css" rel="stylesheet" />

</head>


Bu sayede HTML sayfamız CSS kodlarını style.css dosyasından almış olacaktır. Bu yöntemi kullanarak birden fazla CSS dosyasını çağırabilirsiniz.

Bir başka CSS şenliğinde görüşmek üzere 🙂

 

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir