Css Import le Dosya Eklemek

Bu dersimizde @import komutu ile .css dosyalarının çağrılmasını göreceğiz.

Bu dersimizde @import komutu ile .css dosyalarının çağrılmasını göreceğiz.

Örnek :


<!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?i Uygulamak</title>

<style type="text/css">

@import "ornek.css";

</style>

</head>



Ayrıca bir hatırlatma yapmak gerekli;Bu yöntemle eklenen harici css dosyası eski web tarayıcıları tarafından görüntülenemeyecektir

@import ile CSS dosyalarımızda @import özelligini kullanarak devamlı kullandıgımız kodları css dosyamıza harici olarak ekleyebiliriz böylelikle tekrarlardan kurtulmus oluruz.

Büyük olan projelerde,sitelerde css kodunun parçalara ayrılması ve
kullanılan sayfa CSS?inde hangi parçalar gerekli ise onların import edilmesi önerilir. Bu sayfada kodun bir kısmında yaptıgımız degisiklik için tüm css kodu incelenip değiştirtmesi gerekmez ve kod yönetimi kolaylasır.


<!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?i Uygulamak</title>

<style type="text/css">

@import "kategori.css";

</style>

</head>



kategori.css

@import url(/css/sagkategori.css)

@import url(/css/solkategori.css);

  • Etiketler;
Zafer Başpınar
Zafer BAŞPINAR Web hizmetleri alanına 2000 yıllarında başlayarak web hizmetleri alanında eğitim ve öğretim hayatına katarak gelişmekte olan web hizmetleri teknolojisine ayak uydurmaya gayret göstermektedir. Şuan ki durumu eğitim ve öğretim hayatına yurt dışında lisans olarak devam etmektedir.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git