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.
Sayenizde CSS bilgili oldukça geliştirdim.