5 советов верстальщику
May 21st, 2008 by Yuriy DrozdovПринял эстафету от Никиты, у него же можно почитать правила.
Советы:
- Всегда указывайте подходящий DOCTYPE. Советую почитать эту статью, хоть ей лет и лет
- Сбрасывайте значения по умолчанию у элементов, у разных браузеров они могут быть разными. Советую css код для сброса от Eric Meyer.
- Очищайте плавающие блоки с помощью overflow:hidden; и задания ширины для родительского контейнера.
- Чтобы задать нулевую высоту для элемента <div> в IE необходимо кроме свойства height:0; добавить ему свойство line-height:0;
- Больше читайте о предметной части. Советую этот список ресурсов.
Надеюсь, кому-то советы окажутся полезными. Эстафету хотел бы передать Юрию “akella” Артюху, Павлу Корнилову и Павлу Кирсанову.
P.S. Третий совет, благодаря комментариям Виталия Харисова, притерпел изминения. Также хотелось бы услышать и его 5 советов
[...] Принимаю всеобщее увлечение рекомендациями по вёрстке. Мои 5 советов верстальщику. Не тайные манускрипты, а всего лишь простые советы
Я в этом блоге только тем и занимаюсь, что пытаюсь дать полезные советы, потому слегка повторюсь. [...]
Очень , очень вредный совет. Лучше использовать Easy Clearing.
Весьма спорное утверждение. Где можно задать ширину для родительского контейнера, имхо очищать лучше с оверфлоу.
Ага и вкладывая в этот контейнер абсолютно или относительно позиционированный блок, который выступает из контейнера, получать проблемы на ровном месте. Спасибо, знаем, плавали. Pepelsbey расскажет.
Вы не против выложить свои 5 советов у себя в жж?
Думаю всем будет интересно почитать.
Напишу вечером.
Спасибо!
Ну ква: http://harisov.livejournal.com/105323.html
pepelsbey рассказывает: мне по-прежнему кажется, что overflow:hidden + zoom:1 — это лучший способ клиаринга, но проблемы у него есть — наружу из него ничего не вытащишь.
так что ввиду громоздкости dot-clearing’а бывает удобно ввести какой-нибудь класс для его применения.
но overflow таки-больше мне нравится…
Ну так у нас и введён класс для этого.
А ты можешь объяснить (желательно с цитатами из спеки) почему работает overflow как clearing?
Лучше font-size: 0;
Очень полезные советы, 4 из них использовал при верстке.
Все советы актуальны и выполняются чуть ли не каждодневно.
Спасибо!
гланул на css код для сброса, возник вопрос:
а не проще вместо туевой хучи тегов (первое определение) птосто поставить звездочку?..
Нет, не проще…
Проще, проще. У Эрика слишком раздутый reset.css, можно короче.
> Нет, не проще…
весьма содержательно.. а можно конкретики?..
Почитайте, пожалуйста, комментарии у Эрика на блоге, там ему тот же вопрос задавали (и многие другие), чтобы я не был испорченным радио.
Что значит «испорченым радио»? Вы используете то, что не понимаете? o_O
Кому-то лень почитать на сайте оригинала, почему сделано именно так, а мне лень это писать…
Ну прочитал. Эрик говорит, что он не использует * { margin: 0; padding: 0; } из-за элементов форм.
Об этом же говорил ниже:
Если сделать так и сбросить padding для th, td, ol, ul, li будет короче.
По * можно скидывать только margin, нельзя padding из-за отступов у кнопок: http://vitaly.harisov.name/bugs/opera8bug016.html
ну кнопки то проще чуть ниже переопределить - одна короткая строка.. чем этот огород городить..
Вы внимательно посмотрели мой пример и скриншоты? Вы не вернёте отступы у кнопок, как было.