Здравствуйте уважаемые -) Интересует вопрос по поводу думаю что всем известного подхода, с пользованием настроек по умолчанию при кроссбраузерной верстке.
Нужно ли пользоваться файлами вроде reset.css? Читал в гугле, отзывы не свежие, но некоторые все же не довольны. Более того, при тестировании все равно происходят разногласия между браузерами, если даже дорабатываю файл под свои нужды...
Надо выбросить и забыть про такие "велосипеды" ? Если да, то посоветуйте пожалуйста что нибудь толковое для кроссбраузерной верстке. Раньше не увлекался ею хотя знаю хтмл и css, но использовал их только для того что бы работать в связке с пхп...
1. teddy - 03 Июня, 2013 - 19:28:42 - перейти к сообщению
2. DelphinPRO - 03 Июня, 2013 - 20:20:32 - перейти к сообщению
правильнее использовать нормализацию, нежели сброс стилей.
Сброс стилей обнуляет все значения всех тегов. И потом их нужно устанавливать заново. Например, жирность для strong. Не говоря уже о том, что в инспекторе кода при отладке вы будете наблюдать длиннющую простыню переопределний. Примеров сброса стилей - куча.
Нормализация - это выборочное обнуление\установка свойств для выборочных тегов, сделанное с целью устанить кроссбраузерные различия в отображении. Пример нормализации - twitter bootstrap (базируется на http://github.com/necolas/normalize.css).
Сброс стилей обнуляет все значения всех тегов. И потом их нужно устанавливать заново. Например, жирность для strong. Не говоря уже о том, что в инспекторе кода при отладке вы будете наблюдать длиннющую простыню переопределний. Примеров сброса стилей - куча.
Нормализация - это выборочное обнуление\установка свойств для выборочных тегов, сделанное с целью устанить кроссбраузерные различия в отображении. Пример нормализации - twitter bootstrap (базируется на http://github.com/necolas/normalize.css).
3. teddy - 03 Июня, 2013 - 20:44:48 - перейти к сообщению
DelphinPRO
ну я в принципе так и делаю.. сбрасываю, а потом перенастраиваю... В целом у меня получается 3 файла, один reset.сss, другой с перенастроенными стилями, а в третий импортируются два предыдущих файла, затем путь 3ему файлу указываю на странце, где будут применены данные стили... В основном интересует, надо ли верстать под все версии браузеров? А затем проверять при помощи условия, если например IE6, отдать такие то стили, есть IE7 отдать другой, так же по другим браузерам и их версиям.. Или есть какое то общее решение?
ну я в принципе так и делаю.. сбрасываю, а потом перенастраиваю... В целом у меня получается 3 файла, один reset.сss, другой с перенастроенными стилями, а в третий импортируются два предыдущих файла, затем путь 3ему файлу указываю на странце, где будут применены данные стили... В основном интересует, надо ли верстать под все версии браузеров? А затем проверять при помощи условия, если например IE6, отдать такие то стили, есть IE7 отдать другой, так же по другим браузерам и их версиям.. Или есть какое то общее решение?
4. IllusionMH - 04 Июня, 2013 - 00:35:16 - перейти к сообщению
teddy, лучше автоматом все 3 файла сливать в один и минифицировать. Импорт не позволяет грузить все три файла параллельно.
Для старых ИЕ есть известные хаки и условные комментарии, которые позволяют или для html задать соответствующие классы, или просто подгрузить стили/скрипты, которые по каскаду переопределят стили для остальных браузеров на понятные для ИЕ.
Как раз вчера выложили хорошую статью: CSS: reset or normalize?
Для старых ИЕ есть известные хаки и условные комментарии, которые позволяют или для html задать соответствующие классы, или просто подгрузить стили/скрипты, которые по каскаду переопределят стили для остальных браузеров на понятные для ИЕ.
Как раз вчера выложили хорошую статью: CSS: reset or normalize?
5. teddy - 04 Июня, 2013 - 07:30:37 - перейти к сообщению
IllusionMH
Благодарю за помощь ) ещё слышал про предлагаемый стиль от гугла, но честно говоря не тестил... надо бы посмотреть
Благодарю за помощь ) ещё слышал про предлагаемый стиль от гугла, но честно говоря не тестил... надо бы посмотреть
6. teddy - 04 Июня, 2013 - 12:47:26 - перейти к сообщению
Стили от гугла очень помогли. Тестил в 3 браузерах, IE, Chrome и Opera, все работает одинаково. Проверю ещё на разных мониторах, как оно будет.. Кто нибудь вообще использовал тот сброс стилей, который предлагает гугл? Может есть какие подводные камни?