HTML Doctypeの欠如によるスタイルの問題
826 ワード
htmlページの上部にDoctypeが欠けているとレイアウトやスタイルに奇妙な影響を及ぼし、スタイルや位置の詳細から問題の原因が見つからない場合は、最初にDoctypeドキュメントタイプ宣言が欠けているかどうかを考慮します.現在よく使われているDoctypeはhtml 5タイプです.
この声明により、IE 8、IE 9はStandards Mode標準モード、IE 7、IE 6はAlmost Standards Mode標準互換モード、Firefoxなどの現代ブラウザは基本的にStandards Mode標準モードであり、詳細はこの表を参照する.
Doctypeがない場合に発生する問題を収集します.
1.絶対位置決め要素の位置がずれて、どのように調整しても役に立たない
2.FirefoxとChromeでは、表font-sizeは親要素のサイズを継承しておらず、わけがわからず数ピクセル大きくなっています.
最初にtable要素に追加:font-size:inherit;解決しましたが、やはりDoctypeの問題がないことに気づきました.
3.a以外のリンク要素hoverの効果が上がらない
<!DOCTYPE html> この声明により、IE 8、IE 9はStandards Mode標準モード、IE 7、IE 6はAlmost Standards Mode標準互換モード、Firefoxなどの現代ブラウザは基本的にStandards Mode標準モードであり、詳細はこの表を参照する.
Doctypeがない場合に発生する問題を収集します.
1.絶対位置決め要素の位置がずれて、どのように調整しても役に立たない
2.FirefoxとChromeでは、表font-sizeは親要素のサイズを継承しておらず、わけがわからず数ピクセル大きくなっています.
最初にtable要素に追加:font-size:inherit;解決しましたが、やはりDoctypeの問題がないことに気づきました.
3.a以外のリンク要素hoverの効果が上がらない