CSS Media Types?

[dns334]

Както обикновено гугъл преводача не превежда разбираемо големи текстове и тука изпаднах в объркване:

http://www.w3schools.com/css/css_mediatypes.asp

"@media" - чудя се дали това е начин за прилагане на класове и ефекти които да се разпознават от различни устройства?

@media screen
{
p.test {font-family:verdana,sans-serif;font-size:14px;}
}

---------------------------------------------------------------------
докато се рових да търся туторийли на български попаднах и на нещо от сорта на:

@page ....
{
p.test {font-family:verdana,sans-serif;font-size:14px;}
}

някой ще ме насочи ли нанякъде където ги има необяснени нещата на Български ..или ако може да обясни накратко.
Благодаря предварително.

 

[cloxy]

Re: CSS Media Types?

Идеята е да се задават CSS правила спрямо типа на изходното устройство. Така можеш да си направиш един CSS примерно за браузъри (@media screen) и един за принтери (@media print).

И примерно версията за принтиране ти е просто един черно-бял документ, на който трябва в общия случай да му зададеш големини само на заглавията.

Най-добре да се направят отделни CSS файлове за всяко устройство и да се викат чрез:

<link href="style.css" rel="stylesheet" media="screen" />
<link href="print.css" rel="stylesheet" media="print" />

 

[dns334]

Re: CSS Media Types?

Идеята е да се задават CSS правила спрямо типа на изходното устройство. Така можеш да си направиш един CSS примерно за браузъри (@media screen) и един за принтери (@media print).

И примерно версията за принтиране ти е просто един черно-бял документ, на който трябва в общия случай да му зададеш големини само на заглавията.

Най-добре да се направят отделни CSS файлове за всяко устройство и да се викат чрез:

<link href="style.css" rel="stylesheet" media="screen" />
<link href="print.css" rel="stylesheet" media="print" />

Мерси

А тези

@page screen с какво се различават от @media ...

в w3schools.com не намерих никакво инфо,
а в гугъл става едно голямо мазало (ИЛИ аз не знам какво точно да търся .... докато търсих за @media попаднах и на това @page screen и на други и съвсем се обърках.),
не знаеш ли някъв сайт където нещата са подробно обяснени.Та да не занимавам теб и другите форумци с еднородни досадни въпроси.