DIV+CSS 基礎トレーニング_html/css_WEB-ITnose

よく使用されるタグ 基本タグ

HTML ドキュメントを作成します

ドキュメントのタイトルや Web ページに表示されないその他の情報を設定します

< ;/title> ドキュメントのタイトルを設定します;/a&g t; ​​ハイパーテキストリンクを作成します

テーブルタグ

テーブルを作成します

> ; テーブルの各行

テーブルのヘッダーを設定します: 通常は太字で中央揃えにします

label

フォームを作成します

action="..."データを受信するサーバーの URL

method="..."HTTP メソッド (get、post)。このうち、get は非推奨です

Create ドロップダウン メニュー

テキスト ボックス領域を作成します。列数によって幅が設定され、行数によって高さが設定されます

ラベルの後ろにテキストを含むチェック ボックスを作成します

ロゴの後ろにテキストを含むラジオ ボタンを作成します

行テキスト入力エリア、サイズ設定 送信ボタンを作成します

リセットボタンを作成します

名:

姓:

ユーザー:

Password:

いいね自転車:

車が好きです:

< ;input type="checkbox" name="Car">

男性:

女性:

ボルボ

Saab

フィアット

アウディ

高さ:

体重:

名前:

メール:

Content:

よく使用されるスタイル フォント属性: (font)

sizefont-size: x-large;(特大) xx-small; (非常に小さい) 中国語では通常は使用されません。単位: PX、PD
行の高さ: 標準 (標準) 単位: PX、PD、EM
フォントの太さ: 太字。 ) 通常; (通常)
テキスト装飾を変更します: 下線 (下線) 上線; 取り消し線 (点滅)

ブロック属性 : (ブロック)

justify;(両端揃え) left;(左揃え) right;(右揃え) center;(センター)

indent text-indent: value px;
垂直配置 -align:baseline;(ベースライン) sub;(添え字) super ;(添え字) トップ; テキスト - ボトム;
空白: pre;(改行ではない)

表示: ブロック (埋め込み)リストアイテム; (リスト項目) 実行; コンパクト (コンパクト) テーブル; テーブルヘッダーグループ;テーブル-raw; テーブル-列-グループ; テーブル-セル;(テーブルタイトル)

幅:; margin:; 順序: 上、右、下、左
パディング:10px 8px 7px;

ボーダー属性: (ボーダー)点線; 破線; 二重線; 溝付き; 凸部; 境界線の幅:; :#;

略称メソッド border: 10px Solid #fff;

スタイル継承

親タグにcssを定義し、子タグに子に続くcssを定義 スタイルがない場合は親のスタイルを継承しますstyle 子タグがある場合、親タグのスタイルをオーバーライドします。

border 属性、Padding (filler)、Margin (border)、background および Border プロパティは継承できません。 。

スタイルは近接性の原則に従います

スタイル分類

インラインスタイルを使用しないでください。絶対に必要な場合を除き、インラインスタイルを使用しないでください

ボックスモデルのインライン要素と要素

block(ブロックの特徴)要素:

①常に新しい行で開始します。

②高さ、行の高さ、マージンとパディングはすべて制御できます。

③幅を設定しない限り、幅はコンテナのデフォルトの 100% になります。 。

④ インライン要素とその他のブロック要素を収容可能

インライン要素の特徴:

①とその他の要素はOn 1 行;

②高さ、行の高さ、マージン、パディングは変更できません

③幅はテキストまたは画像の幅であり、変更できません

④インライン要素にはテキストまたは他のインライン要素のみを収容できます

例: < ;a>

初期のアイデア:

1. 各ブロックレベルの要素には、固定された一意の ID があります

2.レベル関数モジュールは CSS スタイル シートを独立して使用します

3. 共通属性はクラスを通じてパブリック スタイル シートから呼び出されます

4. 背景画像の使用を最小限に抑えます

5. 非 W3C 標準タグやスタイルの使用を減らします