2013-10-24 8 views
1

У меня есть загружаемая фреймворк http://996grid.com/, а в Normalize.css у него есть настройки по умолчанию padding: 0 0 0 40px; для разных предметов. напримерIm using Normalize css - почему у него есть заполнение 40px?

menu, 
ol, 
ul { 
    padding: 0 0 0 40px; 
} 
dd { 
    margin: 0 0 0 40px; 
} 

Может кто-то объяснить рассуждения это как, когда я добавить ул он добавляет 40px на него ... Если удалить 40px в нормализуют это будет поддержка эффект браузер?

Спасибо за вашу помощь

+0

Вы должны установить его в '0px', если вы хотите удалить дополнение. –

+5

Таблица стилей не сбрасывается, она нормализуется. В браузере CSS обычно устанавливается дополнение для ul, dd и т. Д., Но они различаются. Это нормализует его до 40 пикселей по всей доске, что является разумным значением для таких вещей. Если вы хотите, чтобы оно было 0, обязательно замените его. – numbers1311407

+0

Если вы проверили 'ul' с помощью chrome inspector, вы можете увидеть' -webkit-padding-start: 40px; 'для' ul, menu, dir'. Возможно, другие броверы используют другое значение (20/30), поэтому он нормализует его для достижения одинакового внешнего вида во всех браузерах. –

ответ

3

В официальном Normalize.css (имеются в https://github.com/necolas/normalize.css/), нет такой обивки, однако большинство браузеров добавить отступы в любом случае, чтобы просто дать список некоторого отступа от обычного текста.

Если вы хотите, чтобы удалить это, просто изменить предоставленный CSS или переопределить его в своем собственном CSS:

menu, 
ol, 
ul { 
    padding: 0; 
} 
dd { 
    margin: 0; 
} 

Это до вас, чтобы стилизовать свои документы, как вам нравится; кроме стилей по умолчанию, определенных в спецификации HTML, большинство стилей по умолчанию в браузере просто там, чтобы сделать простые неистребимые документы немного красивее.

0

По словам Эрика Мейера, это остатки от Мозаики. Он сказал это в конце веб-платформы подкаст episode 139