Reset CSS



クロスブラウズ用のCSSのリセット


クロスブラウズとは?


  • ウェブページを作成する際に、すべてのブラウザを破壊せず、予想通りに正確な(互換性)作業を行うことを指す.

  • HTML、CSS、Javascriptの作成時にW 3 CのWeb仕様を符号化し、サイトが任意のブラウザやデバイス上で予想通りに表示され、実行されるようにします.
  • これは、ブラウザによってレンダリングエンジンとは異なるCSSスタイルがあるためです。


    Reset CSSに次のコードを追加します.
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font-size: 100%;
    	font: inherit;
    	vertical-align: baseline;
    }
    
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    ol, ul {
    	list-style: none;
    }
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }