Главная » Веб дизайн » HTML5 CSS

Страницы: « 1 2 3 4 5 ... 70 71 »

Директива @import или импорт css файла

Директива @import дает нам зеленый свет на включение в свою таблицу стилей других таблиц стилей. Она должна содержать URI(Universal Resource Identifier) или проще сказать ссылку на файл импортируемой таблицы стилей.

файл импортируется из директории, например mydir - @import url("mydir/style.css"); и в нем прописан путь к рисунку, например: background-image: url(img/elements/bgstrip.gif); то путь теперь должен быть следующим background-image: url(../img/elements/bgstrip.gif); т.к. style.css теперь будет смотреть из под каталога mydir.

Хорошим тоном будет подписывать импортируемые файлы рядом, например так:

<style type="text/css">
@import url("style.css");/*Стили отображения главной таблицы*/
body{overflow: auto; background-color: #F5F5F5;}
</style> 

В результате просмотра этой таблицы Вы поймете, как можно, и как нужно писать правильно эту директиву.

BrowserIE
Win
OperaMozillaFFKoSafIE
Mac
W3C CSS Validator
Rules65.55.04761.7+1.40.6+3.21.25.2Y/NErr./Warn.
1@import url("style.css");++++++++++++Yes 
2@import url(style.css);++++++++++++Yes 
3@import "style.css";+++-++++++++Yes 
4@import url("style.css") all;----++++++++Yes 
5@import url("&#115;tyle.css");----+-+++---Yes 
6&#64;import url("style.css");----+-+++---Yes 
7@import url("style.%63ss");++++++++++++Yes 
8@import/**/"style.css";++--+++++++-Yes 
9@import "style.css"/**/;+---+++++++-Yes 
10@import url(/**/"style.css");+-----+++---Yes 
11@imp\6F rt url("style.css");+-----+++--+YesWarning
12@import\**\"style.css";-+----------YesWarning
13@im\port url("style.css");+-----+++--+YesWarning
14@import\ url("style.css");-+++--------YesWarning