Директива @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> 

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

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("&#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"); + - - - - - + + + - - + Yes Warning
12 @import\**\"style.css"; - + - - - - - - - - - - Yes Warning
13 @im\port url("style.css"); + - - - - - + + + - - + Yes Warning
14 @import\ url("style.css"); - + + + - - - - - - - - Yes Warning
15 @import_url("style.css"); - - + + - - - - - - - + Yes Warning
16 @import "style.css";
Non-Breaking Space (Alt-0160) after @import
- + + - - - - - - - - - Yes Warning
17 @import "style.css";
Non-Breaking Space (Alt-0160) before @import
+ + + - - - - - - - - - No Error
18 @import "style.css" ;
Non-Breaking Space (Alt-0160) before ;
+ + + - - - - - - - - - No Error
19 @import url ("style.css");
Non-Breaking Space (Alt-0160) after url
- + - - - - - - - - - - No Error
20 @import: url("style.css"); + + + + - - -   -       No Error
21 @ import url("style.css"); - + - - - - - - - - - - No Error
22 @import url ("style.css"); + + - - - - - - - - - - No Error
23 @import style.css; + + + - - - - - - - - - No Error
24 _@import "style.css"; - - + - - - - - - - - - No Error
25 @import url("style.css")_; - - - - - - - + + - - - No Error
26 em{color:red};@import url("style.css"); - + + + - - - - - - - - No Error
27 \@import url("style.css"); - - + + - - - - - - - - No Error
28 @import url\ ("style.css"); + - - - - - - - - - - - No Error
29 @import ur\6C ("style.css"); + - - - - - + + + - - + No Error
30 @import(style.css); - - - - - - - - - -   + No Error
31 @import url("style.\63 ss"); + - - - + + + + + + + + No Error
[Bad Request]
32 @import url("style.
css");
+ + + + - - - - - - - - No Error
33 @import url("style.\
css");
+ - - - + + + + + - - + No Error
[Bad Request]

Таблица позаимствована с сайта: imfo.ru

Оцени публикацию:
  • 17,74
Оценили человек: 17

Похожие статьи:

Справочники и учебники:


Комментарии посетителей:
  • зе бест
    28 июля 2009, 10:12 коммент полезен : +1 # Гость
Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Веб-мастеру » CSS »