よく使用されるタグ 基本タグ
HTML ドキュメントを作成します
ドキュメントのタイトルや Web ページに表示されないその他の情報を設定します< ;title>< ;/title> ドキュメントのタイトルを設定します;/a&g t; ハイパーテキストリンクを作成します
テーブルタグ
label フォームを作成します
action="..."データを受信するサーバーの URL
method="..."HTTP メソッド (get、post)。このうち、get は非推奨です
Create ドロップダウン メニュー
テキスト ボックス領域を作成します。列数によって幅が設定され、行数によって高さが設定されます
ラベルの後ろにテキストを含むチェック ボックスを作成しますロゴの後ろにテキストを含むラジオ ボタンを作成します
行テキスト入力エリア、サイズ設定 送信ボタンを作成します
リセットボタンを作成します
名:
姓:
ユーザー:
< input type="text" name="user">
Password:
いいね自転車:
車が好きです:
< ;input type="checkbox" name="Car">
男性:
女性:
名前:
メール:
Content:
<入力タイプ="text" name="comment" value="yourcomment" size="40">
よく使用されるスタイル フォント属性: (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;(改行ではない)
幅:; 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 標準タグやスタイルの使用を減らします