CSS 学習ノート_html/css_WEB-ITnose

CSSスタイルを勉強していた時のメモを少し整理してみました。それは学習の概要でもあります。

CSS カスケード スタイル シートの学習では、主に 2 つの質問に答えます:

(1) CSS カスケード スタイル シートは何に使用されますか?

(2) CSS カスケード スタイル シートの使用方法は?

最初の質問に答えてください: CSS カスケード スタイル シートは HTML を美しくします。色、背景、レイアウトなどが含まれます。

2 番目の質問は 2 つの質問に分類できます:

(1) CSS カスケード スタイルは HTML でどのように機能しますか?

(2) CSS カスケード スタイル シートの具体的な構文、制御される HTML タグのスタイル、CSS の強力さはどれくらいですか?

質問 (1) については、ここで詳しく説明します:

CSS スタイルは 3 つの方法で HTML と連携できます:

A.埋め込みスタイル シート

インライン スタイル シート

HTML タグに、スタイル全般属性を追加し、ここに CSS コンテンツを記入します。

例:

テスト タイトル ステートメント

C.外部スタイル シート

使用されるすべての CSS スタイルを統一ファイルに入れます。ファイル拡張子は CSS です (例: xx.css)。

次に、HTML テキストの

要素にリンク参照を挿入します。たとえば、

（a）CSS構文とは何ですか？

(B) 指定したタグを CSS で制御するにはどうすればよいですか?

(C) CSS はどのようなスタイル プロパティを制御しますか?

(D) 能力: ページレイアウト。 （a）：cssカスケードスタイルの構文は次のとおりですセレクターを使用すると、指定したラベルを制御できます。 HTML には、タグ名に加えて、ID とクラスもあります。これらはすべてセレクターのソースになる可能性があります。

A. HTML タグ

例: p{attribute: style;}

B．クラス セレクター

例: .one{attribute: style;}

C. ID セレクター

例: #one{attribute: style;}

D.関連セレクター

例: table a{attribute: style;} [table a はラベルであり、a はテーブル内にあります]

E.組み合わせセレクター

例: h1,h2{属性: style;}

F．擬似要素セレクター

a:link 適用するスタイル。

G.他にもたくさんあります

、参考書をチェックしてください。

質問 (C) に対する答え:

主に次のカテゴリが含まれます: フォント、色、背景、テキスト、境界線、マウス カーソル、位置、ブロック属性。その中でも、位置決め技術は本当に素晴らしいです。いわゆる div+CSS レイアウトは位置決め技術を指します。

質問 (D) の答え: div+css ページ レイアウトについて

Web ページのレイアウトには、主に 2 つのタグ (

と ) が必要です。

は大きなブロックに使用され、 は小さなモジュールに使用されます。

レイアウトを学ぶには、ブロックモデル、ポジショニング、フローティングの 3 つの概念をマスターする必要があります。

ここでは

で定義された長方形のブロックを使用します。これは要素の内容、空白スペース、パディング、境界線で構成され、位置決めのためにマージン設定パラメーターもあります。

ブロックのフロートを制御し、境界線をクリアする CSS を学習することで、div のレイアウトを完成させることができます。詳細については、オンラインでさまざまな詳細なチュートリアルを読むことができます。