ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSが失敗する原因は何ですか?
CSS エラーの原因: 1. div タグが閉じられていない; 2. 不適切な DOCTYPE 宣言; 3. 終了スラッシュ; 4. JavaScript での CDATA タグのオーバーライド; 5. ネストが不十分である。
このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。
CSS エラーの原因:
1. div タグが閉じられていません
これが最も一般的な理由です。レイアウト設計の失敗その1。このせいで、どれだけ多くの繊細なレイアウト設計が失敗しているかを知ると、いつも驚かされます。 Open div タグは、レイアウト設計で最もよくある間違いの 1 つであり、診断が最も難しいものの 1 つです。バリデーターは、間違った開始 div タグを指すことがあります。これは、干し草の山から針を見つけるようなものになる可能性があります。
2. 不適切な DOCTYPE 宣言
DOCTYPE を宣言しなかったり、ファイルの先頭で DOCTYPE を誤って宣言したりすることもよくある間違いです。一般的な経験によれば、Strict DOCTYPE は誰もが追求する最高レベルの検証です。厳密な検証は、Web ページがすべてのブラウザで最適に表示されることを示します。
3. 終了スラッシュ
Web サイトが検証できない場合は、コード内のどこかで終了スラッシュが欠落している可能性があります。特にイメージタグなどの要素では、末尾のスラッシュなどを見落としがちです。
これは厳密な DOCTYPE では無効です。この問題を解決するには、img タグの末尾に「/」を追加します。
4. JavaScript
Strict DOCTYPE が宣言されている場合は、JavaScript で CDATA タグをオーバーライドする必要があります。 Web サイトは広告や追跡スクリプトに埋め込み JavaScript を使用する傾向があるため、検証プロセスのこの側面は多くのプログラマーを悩ませています。
5. 不適切なネスト
ネストとは、要素が要素内に含まれることを意味し、ネストされた要素の順序を混同しやすくなります。たとえば、div タグの前に強いタグを開始しますが、最初に div タグを閉じます。これによってセクションのレイアウトは変更されない可能性がありますが、セクションのデザインは無効になります。
それでも見つからない場合は、「開発者モード」/「デバッグ モード」(F12 で開く) を使用して、対応する要素がどの属性を継承しているか、および他のスタイルがオーバーライドされているかどうかを確認することをお勧めします。設定したスタイル。
関連する学習の推奨事項: css チュートリアル
以上がCSSが失敗する原因は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。