CSSのリセット：真のクロスブラウザのスタイルを持つWebページ

この短い記事では、CSSはCSSのリセットの技術と最善の方法真のクロスブラウザのWebページを作成するためにそれを使用することが何であるかが表示されます。

CSSリセット：何それらが、何それらが

完全にクロスブラウザのWebページを作成し、数年間（例えばInternet Explorerは、もはや95％の市場シェアはない場合）、すべてのWebデザイナーに影響を与える、。問題です。 しかし、結果はすべてのブラウザと互換性がある場合でも、（あなたが持っていない、すなわち、故障や欠陥がサービスのユーザビリティに影響を与えることのできる表示）、ウェブページの出力はほとんど常に異なるIEXPLORERで見るかどうかに応じてになりますは、Firefox、Safari、ChromeやOperaの。

私はほとんど気付かれない時々、小さな相違点について話して、それでもWebデザイナーの最終結果の期待（例えば、2つの要素間のスペースが別のブラウザよりも若干大きめですので）からの脱却を伴うよ。

この問題は 、 同じWebページをレンダリングするときに、多かれ少なかれ顕著な、相違点を含む個々のナビゲーションソフトウェアのデフォルト設定が原因です。
我々は個々のブラウザでデフォルト設定を"リセット"するためには本質的に、構成されているCSSのリセットと呼ばれるテクニック、CSSの使用中の命令のセットに頼るこの問題を解決するために。

CSSのリセット：シンプルなソリューション

精製してある解決策は、、（など、マージン、パディングなど、など）のブラウザで定義された属性の数は通常、各ページの要素のため、キャンセルスタイルシートのルールの始まりを宣言することです

 



 * {



  



マージン：0;



  



パディング：0;







 }

 

または：

 



 * {



  



マージン：0;



  



パディング：0;



  



国境：0なし;



  



概要：0;







 }

 

または、より精巧な：

 



 * {

 

  



のvertical - align：ベースライン;



  



フォントウェイト：継承。



  



フォントファミリー：継承。



  



フォントスタイル：継承。



  



フォントサイズ：100％;



  



マージン：0;



  



パディング：0;



  



国境：0なし;



  



概要：0;







 }

 

ユニバーサルセレクタ（アスタリスク）の使用が必ずしも最適ではない結果となることが実際に私はこれらの容易なソリューションを使用することをお勧めすることはできません。

• <<
• 1
• 2
• >>