Можно ли включить один файл CSS в другой?
Да:
@import url("base.css");
Примечание:
@import
должно предшествовать всем остальным правилам (кроме @charset
).@import
требуют дополнительных запросов сервера. В качестве альтернативы объедините все CSS в один файл, чтобы избежать нескольких HTTP-запросов. Например, скопируйте содержимое base.css
и special.css
в base-special.css
и ссылайтесь только на base-special.css
.Да. Импортировать файл CSS в отдельный файл CSS можно.
Это должно быть первое правило в таблице стилей с помощью правила@import]1.
@import "mystyle.css";
@import url("mystyle.css");
Единственный нюанс заключается в том, что старые браузеры не поддерживают его. На самом деле, это один из CSS 'рубить' скрыть стили CSS из старых браузерах.
Смотрите этот список для поддержки браузера.
В правило @import URL-адреса("в базу.УСБ-то");
работает нормально, но имейте в виду, что заявление каждое правило @import
- это новый запрос к серверу. Это может не быть проблемой для вас, но при необходимости обеспечения оптимальной производительности вы должны избегать правило @import
.
Правило CSS @import
делает именно это. Например,
@import url('/css/common.css');
@import url('/css/colors.css');
В некоторых случаях это возможно с помощью @import "file.css", и большинство современных браузеров должны это поддерживать, более старые браузеры, такие как NN4, будут слегка сходить с ума.
Примечание: оператор import должен предшествовать всем другим объявлениям в файле, и протестируйте его на всех целевых браузерах, прежде чем использовать его в производстве.
Да, использовать только @import
подробная информация легко гуглил, хороший в http://webdesign.about.com/od/beginningcss/f/css_import_link.htm
да, это возможно с помощью @import и указывая путь файл CSS например
@import url("mycssfile.css");
или
@import "mycssfile.css";
правило @import(" на/путь-к-Ваш-стили.УСБ и");
Что является лучшим способом, чтобы включить таблицу стилей CSS в таблицу стилей CSS с помощью CSS.
В " ьquot@импорт&; правила могут звонки в несколько файлов стилей. Эти файлы называются браузером или агент пользователя при необходимости, например, HTML-теги позвонить в УСБ.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="EN" dir="ltr">
<head>
<title>Using @import</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
@import url("main.css");
</style>
</head>
<body>
</body>
</html>
CSS-файл "и главное.Усс" и содержит следующий синтаксис:
@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen, projection;
@import url('landscape.css') screen and (orientation:landscape);
Чтобы вставить в стиль использовать элемент createTexNode Дон'т использовать innerHTML будет, но:
<script>
var style = document.createElement('style');
style.setAttribute("type", "text/css");
var textNode = document.createTextNode("
@import 'fineprint.css' print;
@import 'bluish.css' projection, tv;
@import 'custom.css';
@import 'chrome://communicator/skin/';
@import 'common.css' screen, projection;
@import 'landscape.css' screen and (orientation:landscape);
");
style.appendChild(textNode);
</script>
Да, вы можете импортировать один CSS для другой (любой, где в сайт) Вы должны использовать как:
@import url("url_path");
<Н2>импорт ушко с altervista и WordPress</Н2> Я использую это, чтобы импортировать файл Bootstrap.CSS в altervista с WordPress
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
и она отлично работает, как это удалить HTML код ссылки атрибут rel, если положить его на страницу
По какой-то причине, @импорт не't работа для меня, но это's не действительно необходима?
Здесь's то, что я сделал вместо этого, в HTML:
<link rel="stylesheet" media="print" href="myap-print.css">
<link rel="stylesheet" media="print" href="myap-screen.css">
<link rel="stylesheet" media="screen" href="myap-screen.css">
Обратите внимание, что СМИ=на"печать" Есть 2 стилей: многолетнего плана действий-печати.CSS и многолетнего плана действий с плоским экраном.УСБ. Это'с такой же эффект, как в том числе и многолетнего плана действий с плоским экраном.CSS в рамках многолетнего плана действий-печати.УСБ.
Я создал главную.CSS-файл и включает все CSS-файлы в ней.
Мы можем включить только одну главную.CSS-файл
@import url('style.css');
@import url('platforms.css');
поют правило CSS @импорт [здесь](http://www.cssnewbie.com/css-import-rule/#.Uw1XRPmSzkc и"петь в CSS @импортировать правила и")
@import url('/css/header.css') screen;
@import url('/css/content.css') screen;
@import url('/css/sidebar.css') screen;
@import url('/css/print.css') print;
Я наткнулся на это и я просто хотел сказать, пожалуйста, Дон't использовать только @import в CSS!!!! Оператор import отправляется клиенту, а клиент делает еще один запрос. Если вы хотите разделить ваш CSS между различными файлами использовать меньше. Менее оператор импорта происходит на сервере и вывод кэшируется и не создает производительности, заставляя клиента сделать другое соединение. Сасс тоже вариант еще не один я исследовал. Честно говоря, если вы не используете меньше или SASS, то вы должны начать. http://willseitz-code.blogspot.com/2013/01/using-less-to-manage-css-files.html