書かれた質問前の(無償アップデート)の基礎
(基礎を含む)HTMLの一般的なトピック:
1、DIVおよびスパンの違い:
:事業部は、幅と高さを設けることなく、デフォルトの幅は、親要素の100%である別の行のブロック要素の各々 、ブロックレベル要素を表します。
スパンは、線要素の代表であり、要素が行線、コンテンツによって狭い適応デフォルトの幅の他の要素との回線を共有します。
図2に示すように、位置および特性のいくつかの値
絶対:絶対位置(位置決め要素の基準位置からの距離が最近親要素をシフトしており、要素は元の位置に保持されていません)
相対的な相対位置(元の位置ずれ要素に要素を保持するための元の位置を参照)
固定:固定位置、ブラウザウィンドウ要素が位置するように
静的:位置のデフォルト値は、デフォルトが配置されていません
3は、幅作る方法 200pxのを、200pxの高さは層が垂直ブラウザ、CSSスタイル書面で中央に配置されます。
位置:絶対; 左:50%; トップ:50%; マージントップ:-100px; マージン左:-100px; / divの* -100自体を長さと幅は、そのアカウントに中心部までの長さと幅を取るので、それはまた、パッチの割り当て*と呼ばれます/
図4に示すように、共通のHTMLブロックレベル要素と列要素
・ブロックレベル要素:高さ、行の高さ、及びマージンおよびパディングは、インライン要素と他のブロック要素を収容できる容器100%のデフォルトの幅の幅を設けることなく制御することができます
- 常见的块级元素有<DIV> <DL> <DT> <ヘッダ> <フッタ> <FORM> <H1> <H2> <H3> <H4> <H5> <H6> <時間> <LI> <OL> <UL> <NAV> <P> <TABLE> <TBODY> <TR> <TH>
・ラインレベルの要素:単一のライン上の他の要素、高い、行の高さ、およびマージンとパディングがセット幅が有効でない(変更されていない、非常に効果的でない、それは行の高さで設定することができ、かつ唯一の左右のマージンを設定することができますパディングについて)テキストまたは他のインライン要素を受け取ることができます。
- 共通線内の要素があります。<A> <B> <BR> <ボタン> <私>の<img>の<input>
5、CSSボックスモデル
マージンマージン、ボーダーボーダー、内部パディング余白;内容:コンテンツ
CSS3ボックスサイジングプロパティを追加し、計算要素のデフォルトCSSボックスモデルの幅と高さを変更するために使用されます