Css dosyalarını harici olarak ekleme. Css dosyaları Html içine nasıl eklenir?
Css Dosyalarını Harici Olarak Ekleme
Css dosyalarının bir önceki dersimizde Html dökümanı içinde dahil etmiş ve kullanmıştık bu dersimizde tamamen Css kodlarını harici bir dosyada tutarak bu harici Css dosyamızıda Html sayfamız içinde çağırarak kullanıcaz. Bunun için bir index.html dosyası oluşturuyoruz ve içerisinde harici Css dosyamızı çağırmak için gerekli kodumuzu <head></head> kodları arasına yazıyoruz.[<!DOCTYPE html>
<html>
<head>
<title>Css Dersleri</title>
<link rel="stylesheet" type="text/css" href="still.css">
</head>
<body>
</body>
</html>]
Yukarıda gördüğünüz gibi bir link takısıyla stylesheet tanımlaması ve type olarak text/css dedik ve son olarak href yani Css dosyamızın yolunu belirtiyoruz. Burada dikkat edilmesi gereken hususlardan bir tanesi eğer index.html dosyamız ile still.css dosyamızın yolu aynı ise direk dosyamızın adını yazabiliriz örnekte aynı dosyada olduğu için ben direk olarak still.css yazdım ama örneğin bir still klasörü içinde oslaydı o zaman şöyle yazmam gerekecekti;
[<link rel="stylesheet" type="text/css" href="still/still.css">]
şeklinde düzenlemem gerekecekti.Html kodları tarafında işimizi tamamladığımıza göre gelelim still dosyamızın içine;
[body{
background-color: orange;
}]
yukarıda görüğünüz kod still.css içerisindeki koddur.Bu kodda gördüğünüz gibi bir seçici kullandık yani body seçicisi içerisinde yazdığımız kod ise body alanının arkaplan rengini turuncu yapması gerektiğini söyledik ve index.html dosyamızı çalıştırdığmızda ekranımızın turuncu olduğunu görüyoruz.
COMMENTS