CSS dosyasını aktif etmek için üç farklı yöntem bulunmaktadır:
- Harici CSS Dosyası Kullanma: CSS kodlarını ayrı bir dosyada yazıp, bu dosyayı HTML sayfasına bağlamak gerekir 12. Bunun için HTML sayfasının
<head>
bölümüne aşağıdaki kod eklenir:
Burada<link href="stil_dosyasi.css" type="text/css" rel="stylesheet"/>
stil_dosyasi.css
, kaydedilmiş CSS dosyasının adıdır ve HTML sayfası ile aynı klasörde bulunmalıdır 1. - HTML Sayfasında CSS Yazma: CSS kodları, HTML sayfasının
<head>
elementleri arasında<style>
elementi kullanılarak yazılabilir 12. Örnek kod:<style type="text/css"> body { background-color:black; color:white; } p { font-family: Tahoma, Verdana; font-size: 12px; } </style>
- HTML Elementinin İçerisinde Stil Belirtme: Her elementin
style
özelliği kullanılarak CSS kodları doğrudan element içinde yazılabilir 13. Örnek kod:<p style="font-family: Tahoma; font-size: 12px;">Bu 12 piksel Tahoma yazı tipi ile yazıldı.</p>
5 kaynaktan alınan bilgiyle göre: