CSS Dosyasına Başka Bir CSS Dosyası Ekleme

Bu yazımızda CSS dosyasına başka bir CSS dosyası ekleme yöntemini anlatacağız.

Bazen kendi yazdığımız stil dosyaları birden fazla olabiliyor. Daha düzenli olması için parçalara ayırıp yazıyoruz daha sonra tek bir dosyadan onları “import” yapıyoruz.

Örneğin bizim “ana.css” diye html içine eklediğimiz dosyamız olsun. Bu dosyamıza diğer üç dosyayı ekleyelim. Yazdığımız “stil1”, “stil2” ve “stil3” şeklinde dosyalarımızın ismi olsun.

Html de kod Kısmı:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="ana.css">
</head>
<body>
<h1>CSS dosyası başka CSS dosyası ekleme</h1>
</body>
</html>

“ana.css” dosyamızda Kod Kısmı:

@import "stil1.css";
@import "stil2.css";
@import url("stil3.css");

Yukarıda gördüğümüz gibi “import” işlemini iki türlü yapabiliyoruz. Yerel de çalışırken herhangi bir farkı olmaz ama farklı bir siteden stil dosyası kullanmak istiyorsak “@import url(“stil3.css”);” bu yöntemi kullanmalıyız.

Leave a Reply