Как обратно разжать css файл
Обновлено: 03.07.2024
Все HTML элементы страниц по-умолчанию имеют свои определенные значения. И, к сожалению, не одинаково трактуются разными браузерами. В результате страдает оформление сайта, его дизайн меняется при смене браузера (интернет обозревателя). Цель процедуры сброса стилей состоит в том, чтобы уменьшить несогласованность браузера в таких вещах, как высоты строки, поля, размеры шрифтов заголовков и т. д.
Примеры скриптов сброса CSS стилей
Есть мнение, что каждый уважающий себя вебмастер должен написать свой собственный код сброса CSS. Но я сторонник другого подхода, взять готовое решение, разобраться в нем и подкорректировать при необходимости.
Eric Meyer CSS Reset
Скрипт сброса от Eric Meyer, со слов самого автора, намеренно очень общий. Например в нем для элемента body не задан какой-либо цвет фона по-умолчанию. Поэтому он должен быть изменен, отредактирован, расширен и иным образом настроен в соответствии с вашими потребностями. Добавьте нужные цвета для страниц, ссылок и так далее.
Yahoo! (YUI 3) Reset CSS
Сброс стилей CSS YUI 3 смягчает противоречивый стиль HTML-элементов браузерами, так же как и любой другой скрипт сброса CSS, чтобы создать надёжную основу для создания веб-сайтов и веб-приложений.
Сброс стилей normalize.css
Сброс через универсальный селектор * (звездочка)
На первый взгляд это может показаться самым простым и удачным решением, зачем описывать все HTML элементы и присваивать им значения, когда можно использовать селектор *, ведь его действие распространяется на все HTML.
Но к сожалению, это не хорошая практика. Браузеру очень тяжело (занимает много времени по сравнению с другими процедурами сброса CSS) применять правила к каждому элементу в документе, особенно на больших веб-страницах, а также может разрушить много хороших стилей по умолчанию.
Сброс стилей и WordPress
Если вы хотите использовать один из вышеописанный методов сброса CSS стилей для сайта на WordPress, то это можно сделать двумя способами.
Во втором случае код сброса нужно сохранить в отдельный файл, например reset.css, положить рядом с файлом style.css и затем подключить его, добавив нижеследующий код в начало файла style.css:
Если в CSS есть директива @import, то она должна находиться в самом начале таблицы (перед всеми правилами). В противном случае браузер может ее проигнорировать.
В прочем, для повышения быстродействия, таблицы CSS стилей, как правило, наоборот соединяют в один файл. Поэтому использовать @import без реальной необходимости не стоит.
По умолчанию браузеры добавляют отступы различным элементам. При верстке нам часто приходится иметь дело с этими отступами, отменяя их там, где они не нужны. При этом в разных браузерах отступы по умолчанию для одних и тех же элементов могут отличаться. То есть, даже если отступ по умолчанию нас устраивает, то нет гарантии, что в другом браузере он будет такой же.
Давайте посмотрим, какие подходы существуют для борьбы с указанной проблемой.
Сброс стилей через универсальный селектор
Распространенной практикой является отмена отступов по умолчанию. Для этого создают так называемый файл сброса стилей reset.css .
В этом файле сбрасывают все отступы в ноль, используя универсальный селектор:
Затем к HTML странице подключают сначала файл сброса, а затем уже файл с основными CSS стилями:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="reset.css"> <link rel="stylesheet" href="styles.css"> </head> <body> </body> </html>Создайте файл со сбросом через универсальный селектор. Подключите его к какому-нибудь HTML файлу. Посмотрите на внешний вид страницы по умолчанию, без ваших CSS стилей.
Готовые библиотеки для сброса
Зачастую удобно сбрасывать не только отступы, но и другие значения по умолчанию. Существуют уже готовые файлы сброса, сбрасывающие все лишние значения. Одним из популярных является сброс стилей от Эрика Мейера:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video < margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; >/* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section < display: block; >body < line-height: 1; >ol, ul < list-style: none; >blockquote, q < quotes: none; >blockquote:before, blockquote:after, q:before, q:after < content: ''; content: none; >table < border-collapse: collapse; border-spacing: 0; >Подключите описанный сброс к какому-нибудь HTML файлу. Посмотрите на внешний вид страницы по умолчанию, без ваших CSS стилей.
Нормализация стилей
Не обязательно сбрасывать все стили в ноль. Существует альтернативный подход, который называется . В этом подходе значения свойств не сбрасываются в ноль, а им указываются определенные значения, чтобы во всех браузерах стили по умолчанию были одинаковыми и удобными. Существуют готовые файлы со стилями нормализации, например, популярная библиотека normalize.css.
Подключите описанную библиотеку к какому-нибудь HTML файлу. Посмотрите на внешний вид страницы по умолчанию, без ваших CSS стилей.
Очень многие новички в CSS не понимают важность “reset.css” файла (файл с начальным форматированием). Когда вы работаете в системе, где у каждого браузера своя стилизация, вам часто приходится сталкиваться с ситуацией, когда вы бьетесь головой задавая себе один вопрос ”Ну почему же здесь пустое место?”. Чтобы избавить себя от головной боли, которая у вас обязательно в таком случае возникнет, вам нужно создать файл, который “сбрасывает” форматирование. Проблема многих существующих фреймворков в том, что они не созданы специально для вас. Например, я никогда, не использую устаревший элемент “center” в своих проектах. Следовательно, мне не нужно ставить его в мой стиль по умолчанию. Однако другим, возможно, это нужно, хотя признаться, надо бы их за это отшлепать.
Step 1: Обнулите Margins и Padding
По определению, бразуеры добавляют поля для многих элементов. Например, для элемента body, как правило используются поля в 6 пикселей. Как дизайнер, вы сами должны контролировать эти величины! (Возможно исключение можнет быть для размера шрифтов, хотя этому можно посвятить целый урок). И так давайте обнулим эту кучу элементов
Шаг 2: Возьмите Ваши Элементы под Контроль
Возможно вы замечали, что ваши элементы меняются в размеры, от браузера к браузеру. Вы можете изменить это, здав значение шрифта по умолчанию равным 100%.
Далее нам нужно задать, поля и отступы для элементов шапки. Также я собираюсь “обнулить” стиль для элементов списка. И, наконец, я задам базовый шрифт для элементов body.
Шаг 3: Дополнительно
Обычно я включаю некоторые классы, которые, как правило, использую во всех своих проектах. Вы можете поступить так же, а можете этого и не делать.
И вот наш окончательный Reset.css файл.
По крайней мере, для меня, это все что мне нужно для начала работы над новым веб-сайтом. Для ваших проектов, вы можете расширить этот файл, так как вам будет удобнее. Возможно вам нужно будет задать другие поля, для наиболее часто используемых элементов, таких как параграфы например (для тега “p”).
Если вы хотите 100% reset файл, я рекомендую вам использовать популярный файл Эрика Майера "Reset CSS" file. Или вы можете использовать этот вариант YUI Reset CSS. Увидимся в понедельник!
Загрузка. Пожалуйста,
подождите.
Репутация: 9
Всего: 62
Репутация: 61
Всего: 109
Можно!
Правой кнопкой по диску/папке, "свойства", снять галку с пункта "Сжимать содержимое для экономии места на диске".
Репутация: 9
Всего: 49
Отрабатывается на порядок быстрее. Почему - не знаю.
Репутация: 9
Всего: 62
У меня эта галка выключена, а часть файлов в папке все равно сжатые (проводник показывает синим цветом).
Я знаю. Но у меня нет другого диска и сжатых файлов на сотни гигабайт. К тому же так можно потерять настройки права доступа и квоты.
Потому что копирование-удаление-копирование быстрее чем распаковка-изменение-сжатие и как следствие сильная фрагментация ФС.
Была бы какая-нибудь утилитка, которая рекурсивно проходи по ФС и снимает атрибут сжатия у всех файлов. Придётся написать самому.
Репутация: 42
Всего: 453
Это не приводит к декомпресии сжатых файлов. Более того, нет гарантии, что первое обращение к файлу, у которого сняли разрешение на сжатие, вызовет декомпрессию - Винды в этом отношении малость безалаберны.
Винда лучше знает, что тебе нужно попробуй проанализировать, какие именно файлы пожаты.
О(б)суждение моих действий - в соответствующей теме, пожалуйста. Или в РМ. И высшая инстанция - Администрация форума.
Запрещается!
1. Обсуждать взлом и делиться кряками
2. Способствовать созданию и распространению вирусов
- Для бессмертных бородатых вопросов типа Win vs Nix есть специальный форум Религиозные Войны
- Несанкционированная реклама на форуме запрещена
- Пожалуйста, давайте своим темам осмысленный, информативный заголовок. Вопль "Помогите!" таковым не является.
- Чем полнее и яснее Вы изложите проблему, тем быстрее мы её решим.
- ВСЕГДА УКАЗЫВАЙТЕ ВЕРСИЮ ОС
Если Вам понравилась атмосфера форума, заходите к нам чаще! С уважением, December, bartram, Akella.
[ Время генерации скрипта: 0.1244 ] [ Использовано запросов: 20 ] [ GZIP включён ]
Читайте также: