CSS Nasıl Eklenir?
Bir tarayıcı açıldığı zaman stilleri okur ve o stilin kullanıldığı HTML elementlerini belirtilen özelliklere göre şekillendirir.Üç şekilde sayfamıza stil ekleyebiliriz. Bunlar:
- Stilleri CSS Dosyasından Çağırmak
- HTML Sayfasında CSS Yazmak
- HTML Elementinin İçerisinde Stil Belirtmek
1. Stilleri CSS Dosyasından Çağırmak
Öncelikle bir not defteri ya da CSS düzenleyici program açmalısınız.CSS Kodlarınızı CSS Kod Yapısı'na uygun olarak yazın ve kaydedin.
HTML Sayfanızı açıp <head> ile </head> arasına aşağıdaki şekilde stil dosyanızın adını belirtin.
HTML Kodu
<link href="stil_dosyasi.css" type="text/css" rel="stylesheet"/>
Dosya adını doğru yazdıysak artık CSS dosyamızı HTML sayfamıza bağladık demektir. Yani CSS dosyamızdaki stilleri rahatlıkla HTML sayfamızda kullanabiliriz.
2. HTML Sayfasında CSS Yazmak
HTML sayfamızda HEAD elementlerinin arasında STYLE elementi kullanarak stiller yaratmamız mümkün. Aşağıdaki örneğe bakalım:HTML Kodu
<html>
<head>
<title>Sayfa Başlığı</title>
<style type="text/css">
body { background-color:black; color:white; }
p { font-family: Tahoma, Verdana; font-size: 12px; }
</style>
</head>
<body>
<p>Bu 12 piksel Tahoma yazı tipi ile yazıldı.</p>
</body>
</html>
3. HTML Elementinin İçerisinde Stil Belirtmek
Bazen stil dosyası ya da STYLE elementi kullanmadan hızlı çözümler üretmek gerekebilir. Böyle durumlarda her elementin style="" özelliği kullanıma hazırdır. CSS kodlarını element içinde açacağımız STYLE özelliğine sıralarız. Örneğin;HTML Kodu
<p style="font-family: Tahoma; font-size: 12px;">
Bu 12 piksel Tahoma yazı tipi ile yazıldı.
</p>