CSS derslerimize devam ediyoruz.Bu derste css @import işlemini göreceğiz.Öncelikle işlevinden başlayalım.@import css kullandığımız yerlerde başka bir css dosyasını import yani dahil etmemize yarıyor.Peki ne işimize yarar derseniz.Mesela tüm php dosyalarınıza bir css dosyasını dahil edeceksiniz,ama her birine link tagı ile eklemek istemiyorsunuz.Tüm sayfalarınıza ekli bir css dosyasına bir kere import ile css dosyamızı ekleyerek tümünde işlem yapabiliriz.Ben genellikle font import ederken kullanıyorum.Kodlara geçelim.
@import url('url');
@import url('tasarim.css');
Css kodlarımız arasına bu şekilde bir import ediyoruz.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<style type="text/css">
@import url('tasarim.css');
</style>
</head>
<body>
<div class="metin">cArleone</div>
</body>
</html>
.metin{color:red;}
Css dosyalarına veya style tagları arasında import işlemini bu şekilde yapabilirsiniz.