div +s css レイアウトの紹介
CSSレイアウトを勉強していますか？まだ純粋な CSS レイアウトを完全にはマスターできませんか?通常、学習を妨げる状況は 2 つあります。 1 つ目の可能性は、CSS によるページ処理の原理を理解していないことです。ページの全体的なパフォーマンスを検討する前に、まずコンテンツのセマンティクスと構造を考慮する必要があります。 次に、セマンティクスと構造用の CSS を追加します。この記事では、HTML を構造化する方法について説明します。
もう 1 つの理由は、非常によく知られたプレゼンテーション レイヤーの属性 (cellpadding、hspace、align="left" など) について戸惑い、何をすればよいのかわからないことです。 対応する CSS ステートメントに変換します。最初の問題を解決し、HTML の構造を理解したら、元のテーブルの詳細を記載したリストを提供します
現在の属性を置き換えるにはどの CSS を使用すればよいですか?
構造化HTML
私たちが初めてWebページ制作を学ぶときは、絵やフォント、色、配置図などを考えて、まずデザインをどうするかを考えます。次にPhotoshopを使用します
または、Fireworks で描画し、小さな絵に切り取ります。最後に、HTML を編集して、すべてのデザインをページに復元します。
HTML ページを CSS (CSS フレンドリー) でレイアウトしたい場合は、戻って最初からやり直す必要があります。「外観」を最初に考えるのではなく、ページのことを最初に考えてください。 コンテンツのセマンティクスと構造。
外見は最も重要なことではありません。適切に構造化された HTML ページはどのような外観にもなります。CSS Zen Garden はその代表的な例です。 CSS禅
Garden は、CSS の力を最終的に認識するのに役立ちます。
HTML はコンピューター画面上で読むためだけのものではありません。 Photoshop で慎重にデザインした画像は、PDA、携帯電話、スクリーン リーダーでは表示されない場合があります。しかし＃＃＃ これは、CSS のさまざまな定義を通じて、どこにでも、どのネットワーク デバイスでも表示できる、適切に構造化された HTML ページです。
考え始めてください
最初に学ぶべきことは、「構造」とは何かということです。これを一部の作家は「意味論」とも呼んでいます。この用語が意味するのは、コンテンツの一部と、それぞれのコンテンツが何を提供するのかを分析する必要があるということです。 目的を設定し、これらのコンテンツの目的に基づいて対応する HTML 構造を確立します。