Как предотвратить использование браузерами стилей по умолчанию

Question

Все браузеры применяют свой собственный стиль по умолчанию для элементов html. Это приводит к разнице взглядов на разные браузеры. Есть ли способ предотвратить работу браузеров?

Answer 1

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

Лично я не использую их, вместо этого я использую фрагмент, ниже которого более чем достаточно для меня.

* { 
    margin: 0; 
    padding: 0; 
    outline: 0; 
} 

Если вы хотите, чтобы стабилизировать больше элементов, вы можете сделать свой собственный, как вы можете использовать ниже, чтобы иметь указатель курсора, когда пользователь наводит курсор на любую кнопку или ссылку на ваши website..Yes теперь это довольно основной пользователь Опыт, чем вы можете использовать

button, a, input[type=button], input[type=submit] { 
    cursor: pointer; 
} 

Или, скажем, не подчеркивать ссылки и наследуют родительский цвет, поэтому я использую

a { 
    text-decoration: none; 
    color: inherit; 
} 

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

---

Просто примечание стороны, когда я иду в ответ, я изменяю * сниппет для

* { 
    margin: 0; 
    padding: 0; 
    outline: 0; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
} 

---

Примечание: Использование сброса стилей не сбросит никакого наследства, то это будет только сбросить настройки браузера по умолчанию (что не поможет вам всегда делать перекрестные веб-сайты браузера), но будет предотвращать проблемы с перекрестными браузерами, как правило, padding, margin, line-height, базовый шрифт и т. Д.

Answer 2

Вы можете пойти для reset.css. Это должно быть первым, которое будет применяться для сброса любого конкретного стиля браузера. http://developer.yahoo.com/yui/reset/

Answer 3

Возможно, вы захотите изучить Normalize.css. Он используется большим количеством фреймворков и других шаблонов сброса.