<rmcreative>

RSS

Стили для всех устройств в одном файле

28 апреля 2008

Часто вижу, что CSS разделяются таким образом:

<link href="styles/main.css" rel="stylesheet" type="text/css" media="screen" /> 
<link href="styles/print.css" rel="stylesheet" type="text/css" media="print" />

На самом деле, если время загрузки критично, можно их безболезненно собрать в один файл:

<link href="styles/main.css" rel="stylesheet" type="text/css" />
/*  тут наш main.css  */
@media all {  
  .myclass {
    background: #ccc;
  }
}  
 
/*  тут наш print.css  */
@media print {  
  .myclass {
    background: #fff;
  }
}

p.s. к написанию побудила аналогичная англоязычная заметка.

Комментарии RSS

  1. №221
    DeadLy
    DeadLy 28 апр. 2008 г., 15:55:44

    Written and posted by on Friday, November 23, 2007

    причём на designformasters (http://designformasters.info/posts/print-styles) есть запись от 18 апреля 2007

    Боян?

  2. №222
    Sam
    Sam 28 апр. 2008 г., 15:58:57

    Ну, на DFM про стили для печати, а не про комбинирование стилей в общем. А вообще да, англоязычная заметка старая, но актуальности не потеряла.

  1. Почта опубликована не будет.

  2. Можно использовать синтаксис Markdown или HTML.

  3. Введите ответ в поле. Щёлкните, чтобы получить другую задачу.