すべてのブラウザのデフォルトスタイルをクリアするリセット

オリジナルリンク： https://www.mk2048.com/blog/blog.php?id=h02hikbkjhaa&title=reset%E6%B8%85%E9%99%A4%E6%89%80%E6%9C%89%E6 ％B5％8F％E8％A7 ％88％E5％を99％A8％E9％のBB％98％E8％AE％A4％E6％A0％B7％E5％BC％8F

ヒント

目的は、ブラウザのデフォルトスタイルをクリアするためにリセットされていない、これはきつい密接にリンクされている作品。クリアとリセットの一部でしかありません。
デフォルトのスタイルは、すべてのブラウザで一貫してリセットしますが、デフォルトのスタイルを軽減できるようにするされていない目的は、持参する可能性があります問題は。
RESETはそれが切断され、変更後、特定のニーズに応じてお勧めします、とされ、普遍的な基本的なスタイルの共通セットを提供することが望ましいですが、効果はありません。

A.設定とノート

 

1. / **クリア内側と外側の余白** /
2. 本体、H2、H3、H4、H5、H6、HR、P、BLOCKQUOTEのH1  / *構成要素の構成要素* /
3. DL、DT、DD、UL、OL、李、  / *リストの要素リスト要素* /
4. 事前に、  / *テキスト形式の要素要素内のテキストの書式設定* /
5. フォーム、フィールドセット、レジェンド、ボタン、INPUT、TextAreaの、  / *フォーム要素フォーム要素* /
6. TH、TD  / *表要素テーブル要素* / {
7.     マージン：0;
8.     パディング：0;
9. }
10. / ** * /デフォルトのフォントを設定します。
11. 体、
12. ボタン、入力を選択し、テキストエリア  / * IE用* / {
13.     フォント：  14px / 1.5  のTahoma、\ 5b8b 4f53 \、  サンセリフ;
14. }
15. H1、H2、H3、H4、H5、H6 {  フォントサイズ：100％。 フォント重量：  ノーマル;}
16. アドレス、AUFは引用、DFN、EM、VAR {  フォントスタイル：  ノーマル;}  / * *イタリック体は、復原/
17. コード、KBD、  予め、SAMP {  フォントファミリ：宅配新しい、宅配便、  等幅; }  / *统一<HREF = "https://www.baidu.com/s?wd=等宽字体＆TN = 44039180_cpr＆fenlei = mv6quAkxTZn0IZRqIHckPjm4nH00T1YLPjcvPvmkPW9WPWRLPj-b0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3En16srjm1rjcL"ターゲット= "_ブランク"クラス= "百度、ハイライト" >等宽字体する</a> * /
18. {小さな  フォントサイズ：  12ピクセル;}  / *難しい中国語未満の12ピクセルで読み取るため、非常に小さい正規化* /
19. / **リセットリスト要素** /
20. UL、OL {  リストスタイル：  なし; }
21. / ** **リセットテキスト要素/
22. {  テキスト装飾：  なし; }
23. A：ホバー{  テキスト装飾：  下線; }
24. {SUP  垂直アライン=左：  テキストトップ;}  / *リセットは、高いライン*の影響を低減/
25. サブ{  垂直整列：  テキスト底。}
26. / ** **リセット素子フォーム/
27. 凡例{  色：  ＃000。}  / * IE6用* /
28. フィールドセット、IMG {  ボーダー：0;}  / * IMG乗車：IMGの境界には、リンクをさせません* /
29. ボタン、INPUT、SELECT、TextAreaの{  フォントサイズ：100％;}  / *そのフォーム要素は、フォントサイズ、すなわちを継承するように、* /
30. / *注：OPTGROUP立ち直りません* /
31. / **リセットフォーム要素** /
32. 表{  ボーダー崩壊：  崩壊。 ボーダー間隔：0; }
33. / * * HTML5要素をリセット/
34. 記事、さておき、詳細、figcaption、フィギュア、フッター、ヘッダー、のhgroup、メニュー、ナビゲーション、セクション、
35. 要約、時間、マーク、オーディオ、ビデオ{
36.     表示：  ブロック;
37.     マージン：0;
38.     パディング：0;
39. }
40. マーク{  背景：  ＃1 FF0。}

II。実用的なアプリケーションコード

推奨するサイト、スタイルシートreset.cssは、各ブラウザのデフォルトスタイルをクリアし、ページが掲載されYUIリセットCSSコードに続く、すべてのブラウザでの統一を達成するために行うに達しています

 

1. 本体、DIV、DL、DT、DD、UL、OL、リチウム、H1、H2、H3、H4、H5、H6、プレフォーム、フィールドセット、入力、TEXTAREA、P、BLOCKQUOTE、目、TD {
2.     マージン：0;
3.     パディング：0;
4. }
5. テーブル {
6.     国境崩壊：崩壊。
7.     ボーダー間隔：0;
8. }
9. フィールドセット、IMG {
10.     ボーダー：0;
11. }
12. 住所、キャプション、引用、コード、DFN、EM、強い、目、VAR {
13.     フォントスタイル：ノーマル;
14.     フォント重量：ノーマル;
15. }
16. OL、UL {
17.     リストスタイル：なし;
18. }
19. キャプション、第{
20.     テキスト整列：左;
21. }
22. H1、H2、H3、H4、H5、H6 {
23.     フォントサイズ：100％;
24.     フォント重量：ノーマル;
25. }
26. Q：前に、Q：{の後
27.     内容：'';
28. }
29. 略語、頭字語{
30.     ボーダー：0;
31. }

より専門的なフロントエンドの知識、作る [2048] APE www.mk2048.comを