Как объединить несколько CSS в один

-3

В файле HTML у меня есть следующие файлы css.Как объединить несколько CSS в один

<link href=style.css rel=stylesheet> 
<link href="css/responsive.css" rel=stylesheet> 
<link href="css/custom.css" rel=stylesheet> 
<link href='css/fonts.css' rel=stylesheet type='text/css'> 
<link rel="shortcut icon" href=""> 
<link href="css/jquery-ui.css" rel=stylesheet>

Когда я запустить инструмент gtmetrics для оптимизации страниц он говорит, что

Эта страница имеет 7 внешних таблиц стилей. Попробуйте объединить их в одну.

Я попытался расчесывании их в один, как

<link type="text/css" href="reset.css,css/style.css,css/responsive.css,css/custom.css,css/fonts.css,css/jquery-ui.css" rel=stylesheet>

но CSS не загружен, пожалуйста, дайте мне знать, как объединить их в одно целое.

источник

2015-11-30 Pawan

Идея состоит в том, чтобы не ссылаться на все файлы из одного тега ссылки, но чтобы объединить все содержимое в один файл CSS ... –

Чтобы объединить их, используйте модули node.js (Gulp, Grunt и т. Д.) Http: // stackoverflow .com/questions/26273358/gulp-minify-all-css-files-to-a-single-file –

Заканчивать https://github.com/mrclay/minify

Вы можете объединить несколько файлов CSS/JS без необходимости физически объединить их.

Пример: <script src="/css/style.css,css/main.css"></script>

источник

2015-11-30 13:40:06 Chris

Если вы правильно поняли, даже если вы используете этот инструмент, вы не можете использовать его так: '/ css/style.css, CSS/main.css'. Он по-прежнему должен быть действительным URL. Вы можете установить атрибут 'src' в' http: // example.org/min/f = min/quick-test.js'. Сервер вернет все сценарии в один файл. –

Создать новый css файл и назовите его main.css.

Надень следующее как содержание main.css:

@import url("style.css"); 
@import url("css/responsive.css"); 
@import url("css/custom.css"); 
@import url("css/fonts.css"); 
@import url("css/jquery-ui.css");

В конце концов, вы просто должны связать свой файл html только main.css.

Полученный код при условии, будет выглядеть примерно так:

<link href="main.css" rel=stylesheet> 
<link rel="shortcut icon" href="">

Обратите внимание, что <link rel="shortcut icon" href=""> для добавления фавиконки и немного отличается от связывания css файлов.

источник

2015-11-30 13:54:38

Однако это не ускоряет работу. –

ответ

Смежные вопросы