Media Tipleri

Tanım: CSS'de bazı özelliklerin farklı cihazlarda farklı uygulanması için kullanılan medya tipleri. CSS'de tanımlı medya ifadeleri , Screen (sayfalı olmayan bilgisayar ekranı), print (printer için), handheld (küçük ekranlı el cihazları), projection (projeksiyon), tv (televizyon), tty (teletip, terminal benzeri sınırlı cihazlar), braille (braille alfabesi ile dokunma özelliği olan cihazlar), embossed (braille alfabesi ile dokunma özelliği olan cihazların printer'ı için), speech veya aural (sadece işitme özelliği olan cihazlar), şeklindedir

---

@media Rule

Tanım: CSS'de sadece bir veya daha fazla medya tipi için stil tanımlamak için kullanılan rule (kural veya direktif). Örneğin @media print { .. } ile sadece yazıcı için geçerli olacak stiller tanımlanabilir

---

CSS'de Media Özelliklerine Göre Stiller Aşağıdaki Şekillerde Verilebilir

CSS'de media özelliklerine göre stiller aşağıdaki şekillerde verilebilir : 

• CSS içinde
  • @import rule'ı ile farklı css dosyası kullanılabilir. Örneğin @import url("print.css") screen; şeklinde sadece yazıcı için print.css içindeki stiller kullanılabilir
  • @media rule'ı ile doğrudan stil verilebilir. Örneğin @media print { .. } ile sadece yazıcı için print bloğunun içindeki stiller kullanılabilir
• HTML Link ile
  • HTML'de head etiketi ile belirli media gruplarına göre css dosyası bağlanabilir. Örneğin <link rel="stylesheet" type="text/css" media="print, handheld" HREF="printhandheld.css"> ile yazıcı ve handheld cihazlar için printhandheld.css'in etkili olması sağlanabilir

---