Web ページをレイアウトするとき、HTML と CSS のどちらを最初に記述しますか?

多くの友人には独自の習慣があるので、最初に CSS を書くのが好きな人もいれば、最初に HTML を書くのが好きな人もいます。では、Web ページのレイアウトを作成する最も科学的なプロセスは何でしょうか?今日は皆さんのためにこれを分析します

これに対する答えはインターネット上にたくさんあります。最初に HTML を書いてから CSS を書く、最初に CSS を書いてから両方を同時に書く、などです。

通常、HTML ページを作成するときは、まず、ページ写真を保存するための imges: 、JS スクリプト言語を保存するための Web サイトの大まかなディレクトリ ファイルを作成します。 CSS ファイルを直接 image フォルダーに配置することをお勧めします。この利点は、画像の背景を呼び出すときに画像のパスを間違えることを避け、自然に HTML ページがルートに配置されることです。ディレクトリ。

次に、最初に DIV を使用して HTML で最も基本的なレイアウト部分を記述し、次に ID または CLASS (ID と CLASS の違い) を DIV に直接追加します。これらのレイアウト部分には、外側の部分、ヘッダー部分、中央部分、左部分、中央部分、右部分、著作権部分など。基本的には、先頭、中央、下部がページの共通部分であり、ほとんどの Web ページはこの 3 つの部分に分類されます。これらのパーツに ID またはクラスの名前を付けた後、対応する CSS スタイル 属性 を CSS スタイル ファイルに書き込みます。 CSS を記述する前に、サイト全体のグローバル div、h1、h2、フォント、フォント サイズ、li およびその他のスタイルを定義する必要があります。詳細については、ここでは説明しません。詳細を学ぶために使用するグローバル定義 CSS テンプレートをダウンロードして使用すると、新しい Web サイトを作成するたびに再定義する必要がなく、共通の基本 CSS スタイル定義テンプレートを直接コピーして使用できます。 一般に DIV+CSS を作成する場合、初心者はエラーを減らすために HTML と CSS を同時に行うのが最善です。制作中にエクスペリエンスがあまり良くない場合は、制作中にさまざまなブランドのバージョンのブラウザで互換性をテストし、このブラウザでは表示が正常に表示されるが、他のブラウザでは表示が不完全で混乱するかどうかをテストしたいと考えています。等。このようにして、基本的な互換性の問題を解決して理解し、貴重な DIV+CSS 技術経験を蓄積し、将来忘れないようにメモを取る習慣を身につけることができます。

最初に HTML を書いてから CSS を書くことについて学びましょう:
経験豊富な人々が初心者に HTML 部分を一度に書くことはできないと言うのはなぜですか?人は間違いを犯す可能性が高いため、アイデアを書く過程で問題が発生したり、ブラウザの互換性の問題が原因で問題が発生したりする可能性があります。そのうちのいくつかは経験不足のために事前に予想していなかったもので、書いているときに発見したものです。スタイルに問題がある場合は、HTML コードの変更が必要になる場合があります。先にhtmlを書いてページが大きくなると、htmlで考えたCSS属性のレイアウト選択を忘れてしまう可能性があります。

それから、最初に CSS を書いてから HTML を書くことについて学びましょう:
経験豊富な CSS 制作者にとって、これは最初に HTML を書いてから CSS を書くよりも実現可能です。なぜ？ CSS の
inheritance
parent 属性機能が非常に優れていることがわかっているので、これを使用して最初に CSS を記述することができます。しかし、初心者の場合はそうはいきません。最初に CSS を書いてから HTML ページに戻って書くと、CSS 互換性の経験がないため、自分が書いた CSS を見返してしまい、選択範囲を呼び出す方法を忘れてしまいます。問題はありますが、互換性も非常に優れています。経験豊富な人は親継承機能を使用して CSS ファイルのコードをレイアウトし、HTML に戻るときに CSS でクラスと ID を呼び出すときに間違いが発生しにくいことは明らかです。 上記の一連の記述方法の紹介と説明を通して、一般にページを作成するときは、通常、両方を同時に使用する + ブラウザーのテストを行うことに言及する価値があります。両方を同時に書くか、半分先に CSS を書いてから HTML を書くか、半分ずつ最初に HTML を書いてから CSS を書くと、間違いが少なくなり、間違いを避けることができます。間違いを犯した後の修正に時間を無駄にします。

上記の記述は完全に正しいわけではないかもしれませんが、上記を通じて DIV+CSS 開発者に伝えたいのは、HTML を先に書くか CSS を先に書くかは問題ではないということです。重要なのは、div+CSS に対する愛であるということです。
エクササイズ
をあなたの日常生活に加えて、HTML/CSSを同時に実行することもできます。しかし、開発して制作を進めていくと、自然と自分に合った、早く開発できる方法が見つかるようになります。上記があなたのお役に立てば幸いです。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

CSSでテキストのフォントの色を設定する方法

HTML Webページレイアウトのdivとspanの違いは何ですか

CSSでフォントテキストを設定する方法

以上がWeb ページをレイアウトするとき、HTML と CSS のどちらを最初に記述しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。