Для чего нужен так называемый CSS reset? CSS reset – это в переводе называется сброс CSS стилей. Необходимо это только для верстальщиков, которые переводят макеты сайтов в HTML код.

Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов, нам их и надо сбросить, чтобы сайты отображались одинаково во всех браузерах.

Самый распространенный вариант сброса стилей это такой код:

Звездочка – универсальный селектор, который перебирает все теги по порядку. И иногда использует намного больше ресурсов компьютера, поэтому опытные верстальщики используют явное описание сброса для каждого HTML тега. Выглядит профессиональный CSS reset чаще всего так:

Google Font API — API для подключеня нестандартных шрифтов.

 

 

Google определяет браузер и выдает валидный для него CSS и шрифт.

Google Font Directory — набор шрифтов.
WebFont Loader — javascript библиотека для расширенной работы с API.

CSS (Cascading Style Sheets) – это каскадные таблицы стилей, представляющие собой особую технологию, которая помогает описывать вид гипер-текстового документа. Проще говоря, CSS дают возможность легко и красиво оформлять большинство значимых элементов на веб-странице или полностью менять её дизайн.

В основном каскадные таблицы стилей применяются для задания определенных параметров размеру шрифта, его цвету и способу расположения на документе, написанного языком разметки. CSS были придуманы ведущими веб-дизайнерами и программистами вовсе не случайно. Главной задачей было с помощью данной технологии удобней разделять содержимое веб-страницы, быстро менять необходимые элементы, изменять размеры шрифта и его цвет. Ведь табличный дизайн этого не позволяет делать и без CSS придётся потратить немало часов, чтобы порой поменять просто цвет букв на всех документах.

А какие есть преимущества и достоинства у каскадных таблиц стилей в сравнении с обычным табличным дизайном? Давайте по порядку разберём их:

Суть этого метода заключается в том, что скрипт будет считывать CSS или javascript файл и автоматически убирать различные необязательные символы, будь-то пробелы, переносы строк, комментарии и прочее... На выходите мы получаем оптимизированный CSS или JS файл. Реализуется все это довольно несложно.

Наверное для всех не будет секретом, что Internet Explorer не поддерживает CSS3, и это очень плохо для веб-мастеров.

Сейчас для того, чтобы работали функции CSS3 в IE 6-8, веб-мастера используют различные фильтры, но это сильно геморройной способ, и получаем много лишнего кода в файле style.css.

Я предлагаю гораздо более простой способ использовать, вместо фильтров, для того, чтобы Internet Explorer поддерживал CSS3 нам нужно просто подключить один файл в style.css, и наш Internet Explorer изучит CSS3, а теперь подробнее.

PIE (Progressive Internet Explorer) – файл (PIE.htc), его и нужно будет подключить к нашему файлу style.css чтобы Internet Explorer стал понимать CSS3.

Практически любой человек сможет написать CSS-код, в наше время любая программа сделает это за вас. Но будет ли это хороший CSS? Далее представлены пять советов по совершенствованию вашего CSS.

1. Reset
2. Алфавитный порядок
3. Группировка
4. Последовательность
5. Начните правильно