Директива @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> В результате просмотра этой таблицы Вы поймете, как можно, и как нужно писать правильно эту директиву. Browser | IE Win | Opera | Mozilla | FF | Ko | Saf | IE Mac | W3C CSS Validator |
---|
Rules | 6 | 5.5 | 5.0 | 4 | 7 | 6 | 1.7+ | 1.4 | 0.6+ | 3.2 | 1.2 | 5.2 | Y/N | Err./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("style.css"); | - | - | - | - | + | - | + | + | + | - | - | - | Yes | | 6 | @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"); | + | - | - | - | - | - | + | + | + | - | - | + | Yes | Warning | 12 | @import\**\"style.css"; | - | + | - | - | - | - | - | - | - | - | - | - | Yes | Warning | 13 | @im\port url("style.css"); | + | - | - | - | - | - | + | + | + | - | - | + | Yes | Warning | 14 | @import\ url("style.css"); | - | + | + | + | - | - | - | - | - | - | - | - | Yes | Warning |
|