Xpressのフロントエンドレコード--------- HTML5 + CSSシリーズ5.0

要素タイプ

XHTML要素は、分類
によれば、大規模な要素、インライン要素:XHTML要素がに分割され、分類CSS表示の二種類

1.大規模な要素(ブロック要素) 

1)要素は、ページ上の大規模なブロックの形で表示される、用語ブロックは、矩形領域の要素として表示されています

2)デフォルトでは、バルク素子行素人の用語を占める下で、二つの隣接する要素は、タイルの現象をブロックしない、デフォルトで、要素が上から下へ順に配置されているブロックされます。

3)バルク要素は、独自の幅と高さを定義することができます。 

ブロック要素のコンテナ船は、他の要素であるとして4)、それは、他のインライン要素と他のブロック要素を収容することができます。私たちは、コンテナボックスのメタファーこれを呼び出すことができます。

 

2.インライン要素(インライン要素)(またはインライン要素)

1)インライン要素が一つの表示によってライン内で常に形成します。

 

 

2)その形状なしのインライン要素は、その幅と高さ、その表示幅を定義することができない、高さが最小のコンテンツプレゼンテーションが矩形であることを意味し、高さと幅を含むコンテンツ、に応じて決定することができます。

;):(パディングトップ:;マージントップ/ボトム; 3)インライン要素は、パディング、ボーダー、マージン及び他の特性として定義することができるが、個々のプロパティが正しく表示されないことができ、ボックスモデルの基本的なルールに従います 

従来のインライン要素

A - B - 大胆な(推奨されません)                            

I - イタリックEM - 傾斜                  

スパン - 関連した容器内で使用される、テキストブロックが定義されています

強い - 太字で強調

サブ - 添字SUP - 下線上付きU

 

図3に示すように、可変素子

コンテキストは、要素は、ブロック要素またはインライン要素があると判断されます。

 たとえば、次のように  ボタン-ボタンデル-削除するテキスト

図4に示すように、変換の要素タイプ

ボックスモデルは、デフォルトの表示方式の表示属性によって変更することができます

1)表示属性及び属性値(属性18の値)

属性值:ブロック/インライン/インラインブロック/なし/リスト項目/テーブルヘッダグループ/テーブルフッタグループ....

処置:検索対象の属性の種類は(現在の要素のタイプを変更する)モデルを設定されているか、カートリッジ要素が生成されます

説明:各属性値の役割

1)ブロック表示ブロック:同様の追加行は、他の要素が並んで、その背面側に表示されていないこと、要素の後に破壊します。

2)インライン表示インライン:一行にインライン要素が並べて表示させることができます。

3)場合フロート要素の属性セットは、添加元素の表示に相当する:インラインブロック;属性;

4)ブロック要素インラインブロックラインが表示されます表示素子内の連結要素が、コンテンツ要素がブロックを表示するために、インラインオブジェクトの前と同じ行に表示されます。選択IMG入力(これは、要素型は垂直整列性をサポートしている場合)

5)なし要素と領域は表示されません。

6)リスト項目:リストに変換素子。李デフォルトのタイプ

 

1、ブロック要素のほとんどは、Liは、デフォルトのリスト項目である属性値のデフォルトのブロックを、表示します。

図2に示すように、インライン表示属性値デフォルトのインライン要素の大部分は、前記IMG、入力、デフォルトのインラインブロック。

 

水平および垂直中心容器内に配置された要素、

中央;幅:垂直位置合わせすると、ピア要素、及び(定規)(兄弟要素[定規]スタイル、デフォルトの表示属性値インラインブロックを変更しなければならない0;高さ:100%;表示:inline-ブロック;)。 

三つの条件: 

1:コンテナ(親要素)テキスト整列させるために追加する必要がありますセンター。

2:現在の要素は、ブロック要素内の行に転送される(表示:インラインブロック;)現在の要素に加えて垂直整列を与える:中央;

3:(キャリッジリターン)現在の要素とピア素子スパン後、および垂直整列のSPAN:中央;幅:0;高さ:100%;表示:インラインブロック

 

おすすめ

転載: www.cnblogs.com/hudunyu/p/11427447.html