CSS Dersi 12 – CSS @import ile Eklemek

Daha önceki CSS derslerinde farklı yöntemler ile sitemize CSS dosyamızı ekleme yöntemlerinden bahsetmiştim. Bugün ise sizlere @import ile sitemize CSS dosyamızı ekleme yöntemini anlatacağım.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Dersi - Bekir KURT</title>
<style type="text/css">
@import "bekir.css";
</style>
</head>

Yukarıdaki örnekte gördüğünüz gibi 7.satırda @import kodunu kullanarak CSS dosyamızı tanıttık.
Tarayıcı tarafından @import ile eklenen CSS kodları, link ile eklenen CSS kodlarından önce yorumlanır. Site performansı açısından @import özelliğini kullanarak devamlı kullandığımız kodlarını tekrar tekrar yüklenmekten kurtarmak oldukça önemlidir.

Tüm CSS Derslerine göz atmak için CSS Dersleri sayfamızı ziyaret ediniz.

Posted in CSS

One Reply to “CSS Dersi 12 – CSS @import ile Eklemek”

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir