CSS Reset: веб-страницы с по-настоящему кросс-браузерные стиль

В этой короткой статье мы увидим, что CSS является методом сброса CSS и как лучше всего использовать его для создания по-настоящему кросс-браузерный веб-страниц.

CSS Reset: то, что они и что они

Создать полностью кросс страниц веб-браузера это проблема, которая, в течение нескольких лет (то есть, когда Internet Explorer больше не рыночная доля 95%) влияет на все веб-дизайнеров. Но даже тогда, когда результат совместим со всеми браузерами (у вас нет, то есть, неисправностей или дефектов дисплей, способных повлиять удобство обслуживания), на выходе веб-страницы, почти всегда отличается в зависимости от того, рассматривается с IExplorer , Firefox, Safari, Chrome или Opera.

Я говорю о небольших различиях, иногда едва уловимым, но все же связаны с отходом от ожидания конечного результата веб-дизайнеры (например, потому, что пространство между двумя элементами немного больше, чем браузер на другой).

Эта проблема связана с настройками по умолчанию отдельного навигационного программного обеспечения, которые включают различия, более или менее заметно, когда вы оказываете же веб-страницы.
Для того, чтобы решить эту проблему, мы прибегаем к технике, которая называется CSS Reset которая состоит, по сути, набор инструкций при использовании CSS для того, чтобы "сбросить" настройки по умолчанию в отдельных браузеров.

CSS Reset: простое решение

Решение, не уточняется, является объявление начале правила стилей, которая отменяет для каждого элемента страницы, как правило, число атрибутов, определенных в браузерах (таких как, например, маржа, обивка)

 



 * {



  



 маржа: 0;



  



 обивка: 0;







 }

 

или:

 



 * {



  



 маржа: 0;



  



 обивка: 0;



  



 границы: 0 нет;



  



 схеме: 0;







 }

 

или, более детально:

 



 * {

 

  



 вертикального выравнивания: базовый;



  



 начертание шрифта: наследования;



  



 семейство шрифтов: наследовать;



  



 стиль шрифта: наследования;



  



 Размер шрифта: 100%;



  



 маржа: 0;



  



 обивка: 0;



  



 границы: 0 нет;



  



 схеме: 0;







 }

 

На самом деле я не могу рекомендовать использование этих простых решений, как использование универсальный селектор (звездочка) может привести к результатам, не всегда оптимальны.

• <<
• 1
• 2
• >>