CSS: явное объявление позиции, отступов, полей и переполнения для каждого элемента? - PullRequest
0 голосов
/ 27 мая 2010

Я работал на парня, который учил меня css. Я сделал сайт на основе его дизайна, которым я очень горжусь, но он ответил мне, что мне нужно явно объявить отступы, поля, положение и переполнение (в частности, каждый элемент должен иметь «переполнение: скрытый») на каждом предмете. Есть ли основания для этого вообще? Есть ли что-нибудь, что я могу использовать, чтобы опровергнуть это? Я думал, что объявление что-то вроде div,span,h1,[...] {padding:0;margin:0;postion:static;overflow:hidden} позаботится обо всем из-за каскада.

Ответы [ 5 ]

2 голосов
/ 27 мая 2010

Другим ресурсом, который я думаю лучше для сброса CSS, является YUI Reset (от Yahoo!). Он имеет отличный CSS-файл сброса с дополнительными файлами, которые вы можете добавить в конце, чтобы все выглядело согласованно в разных браузерах (включая шрифты, которые могут очень быстро раздражать в CSS)

Вот ссылки

http://developer.yahoo.com/yui/reset/

http://developer.yahoo.com/yui/base/

http://developer.yahoo.com/yui/fonts/

Я использую таблицы стилей Reset, Base и Font (в указанном порядке) во ВСЕХ моих веб-проектах.

Использование таблицы стилей сброса, состоящей из "* {margin: 0; padding: 0;}", создаст еще более серьезные проблемы с кроссбраузерностью. Вам нужно все сбросить, и ТОГДА объявить базу, с которой могут запускаться все браузеры (цель reset.css и base.css) .s

1 голос
/ 27 мая 2010

За исключением увеличения размера файла CSS, нет никаких причин явно объявлять общие свойства в каскаде, если они уже объявлены для универсального элемента. Браузер должен позаботиться о правильном рендеринге элементов с учетом каскадной структуры.

0 голосов
/ 27 мая 2010

Я думаю, вы должны использовать вместо этого сброс CSS.

0 голосов
/ 27 мая 2010

Он слишком параноидален из-за различий между браузерами. Вам не нужно это делать.

0 голосов
/ 27 мая 2010

Слепое применение стилей к каждому элементу, безусловно, даст вам нежелательные результаты, но вы можете все с * { margin: 0; padding:0; etc }

Я бы порекомендовал вместо этого использовать таблицу стилей сброса, чтобы уменьшить несоответствия в браузере, эта довольно популярна: http://meyerweb.com/eric/tools/css/reset/

Обратите внимание, что у таблиц стилей сброса есть свои (обычно незначительные) проблемы с IE7. Я обычно создаю отдельную таблицу стилей только для IE7.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...