html+css基础_html/css_WEB-ITnose

完全な HTML 構造

< /head>

样式の引用

一。内部書き込み

哈,我是一个帅哥

是不是哦，我晕你

我看看行不行。

& & Lt;/body & gt;

手術の結果は次のとおりです。

説明: 「私はイケメンです」は、最初の DIV がその親要素であり、それを含むため、絶対配置を使用します。したがって、ヘッダーの上部に表示されます。 (左と上が設定されていないため)

「ああ、気絶しそう」も絶対配置で、最初の DIV を基準に配置され、左の値は幅より大きい 160px に設定されます。前の div と同じなので、重複しません。

「動作するか確認してみます」は、親要素、つまり最初の DIV に対して相対的に配置されます。したがって、If top がそうでない場合、その位置は親要素の先頭から計算されます。設定すると、2 番目の div とオーバーラップします。フォントのサイズは通常 15px です。

切り取り領域を指定します

Position: 絶対;

Clip: Rect (TOP RIGHT BOTTOM Left);

left: 左の長さを左から右に切り取ります。

right: 右の長さを左から右に切り取ります。

bottom: ボトムの長さを上から下までカットします

ブロックレベルの要素を文字レベルの要素に変換します

display:inline;

文字レベルの要素をブロックレベルの要素に変換します

display :block ;

オーバーフローの処理

position:absolute; (絶対でなければなりません)

overflow:visible; //オーバーフロー領域は表示されません

overflow: scroll; //Overflow エリアにスクロールバーが表示されます

ボックスモデル

マージンパディングあり ボーダー幅 高さ

省略する場合は右、下、左の順に表記します

例: border -幅: 1em 2em 2em 2em

注: 上、下、左、右 属性:

設定時に値が 3 つだけ表示される場合は、上、左、左、右の 2 つの値を意味します

1 つの値: all = 4 つの同一の値が表示されます

さらにメディアを挿入します

< embed src="1.wmv" width=300 height=200>