CSS kodlarının media türüne göre yazılması

Media özelliği ile oluşturmuş olduğumuz stil kodlarının hangi ortamda çalışacağını ayarlayabiliyorduk bu durumda CSS kodlarını media özelliğini kullanarak guruplara ayırıp web belgemizin içine yazabiliriz.

@media deyimi ;

İki gurup CSS kodu var @media screen kodları belge tarayıcıda  izlenirken kullanılacak . @media print  içindeki kod gurupları da sayfa yazıcıdan çıktı alınacağı zaman kullanılacak.

CSS dosyalarının media türüne göre  sayfaya dahil edilmesi.

Dışarıdan ithal edilen CSS kodlarını media ile ortama göre gruplandırmak için;

@import url(ana.css) screen;

@import url(yazıcı.css) print ;

Yada <link> elemanı ile

<link rel=”stylesheets” type=”text/css” href=”ana.css” media=”screen” />

<link rel=”stylesheets” type=”text/css” href=”yazıcı.css” media=”print” />

Şeklinde yazmamız mümkün..