CSS复位：用一个真正的跨浏览器样式的网页

在这短短的文章中，我们将看到什么是CSS 的CSS复位技术 ，以及如何最好地利用它来 ​​创建真正的跨浏览器的网页。

CSS复位：它们是什么以及它们是什么

创建跨浏览器的网页完全是一个问题，对于数年（即当Internet Explorer不再是95％的市场份额）会影响所有的网页设计师。 但即使结果是所有浏览器兼容（你无我有，即显示故障或缺陷影响了服务的可用性的能力），在网页的输出几乎总是不同，取决于是否有IEXPLORER观看，火狐，Safari，Chrome或歌剧。

我说的是小的差异，有时难以察觉，但仍然涉及从网页设计者的最终结果的期望出发（例如，由于两个元素之间的空间是比对其他浏览器大）。

这个问题是由于个人导航软件的默认设置 ，涉及的分歧，更多的还是不太明显，当你呈现相同的网页。
为了解决这个问题，我们采取一个名为CSS复位技术，它包括，从本质上讲，在使用CSS指令集，以“复位”在个别浏览器的默认设置。

CSS复位：一个简单的解决方案

一个解决方案，不精，是声明一个样式表规则，取消开始，每个页面元素，通常是由浏览器定义（例如，例如，保证金，填充）属性的数量

 



 * {



  



保证金：0;



  



填充：0;







 }

 

或：

 



 * {



  



保证金：0;



  



填充：0;



  



边框：0无;



  



概要：0;







 }

 

或者，更精心：

 



 * {

 

  



垂直对齐：基线;



  



字体重量：继承;



  



字体家庭：继承;



  



字体风格：继承;



  



字体大小：100％;



  



保证金：0;



  



填充：0;



  



边框：0无;



  



概要：0;







 }

 

其实我不建议使用这些简单的解决方案作为普遍选择器（星号）的使用会导致结果并不总是最优的。

• <<
• 1
• 2
• >>