ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS+DIV: クールなWebページスタイルとlayout_html/css_WEB-ITnoseの実現
CSS+DIV: クールなWebページスタイルとlayout_html/css_WEB-ITnoseの実現
- WBOYオリジナル
- 2016-06-24 11:39:441842ブラウズ
私も以前から HTML や CSS に触れたことはありましたが、CSS や DIV を使ったプロジェクトも一時期ありましたが、結局、この 2 つがもたらす効果は分かりませんでした。私の想像をはるかに超えています。
実際、フロントエンド ページを書いたことのある多くの人は、DIV と CSS が実際には非常に単純であることを知っていますが、望ましい効果や頭の中で想像している効果を実現するのは簡単ではありません。ここには多くのテクニックがあり、それらに精通していないと、作成したページが期待した効果を達成できず、場合によっては非常に見苦しいものになることがあります。我们 先
まず DIV とは何か見てみましょう。DIV はマークアップ言語 HTML にある多くのタグの 1 つですが、ドキュメントのページ レイアウトで最も頻繁に使用されるタグです。ドキュメント内の複数のセクションを定義したり、ドキュメントを独立した異なる部分に分割したりできます。これは厳密な組織ツールとして使用でき、それに関連付けられた書式設定は一切使用されません。 id または class を使用して
上記で DIV を紹介するときに CSS についていくつか述べましたが、HTML ページ要素にスタイルを追加するときは、タグ セレクター、ID セレクター、クラス セレクターをよく使用します。これらのセレクターにはそれぞれ独自の特徴があります。スタイルが統一されている場合は、ページ上のすべての同じタグのスタイルを統一できるタグ セレクターを使用するのが最適です。ID セレクターは、より便利なパーソナライズされたスタイルを提供します。 , クラス セレクターに関しては、CSS では複数のクラス セレクター スタイル定義を使用できるため、多様なスタイル定義になります。もちろん、クラス セレクターにも「継承」があり、さまざまなスタイルを派生できます。これらの内容は少し抽象的で、引っ越したことのない人には実感できないかもしれません。いくつかの例を見てみましょう。
? CSS+DIV の威力を示す例をいくつか示します。
そのページのコードは実際には非常にシンプルですが、ページは見栄えが良くなるように作られています。私たちは熟練していないのでまだまだ、私たちは色々なことを使いこなすのが苦手で、ページのレイアウトやスタイルの把握も十分ではないので、作成するページはまだ少し未熟ですが、私たちを信じて応募してまとめてください。 CSS と HTML を提供していただければ、すぐにクールな Web ページが完成します
著作権表示: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。