Css学習ノート
margin:外距離
padding:内側余白
略記:
margin:20 px//上、右、下、左ともに20 px
margin:20px 30px;//上下20 px、右左、30 pxを表す
margin :20px 30px 40px;//上20、下30、右左40 pxを表す.
フローティング:
例のfloatプロパティを設定できます.
clearプロパティを使用してfloatをクリアした後の文字の周囲への影響
位置:
ボックスのpositionプロパティを設定できます.
次の値を取ることができます.
position:static;
position:reative;
postion:basoulate;
position:fixed;//ie6 staticこれはデフォルトのプロパティです
ボックスのdisplayプロパティ:
箱にはブロック級と行級の区分があり、例えば
などがブロック級、などが行級であり、彼らの違いは、ブロック級が上下に並び、行級が左右に並ぶことである.
ボックスにdisplayプロパティを設定できます.次の値があります.
display:none//箱の内容は表示されません
display:inline//行レベルで表示
display:block//ブロックレベルで表示
詳細は次のとおりです.
可能な値
値の説明
none
この要素は表示されません.
block
この要素はブロックレベルの要素として表示され、前後に改行文字が付きます.
inline
デフォルト.この要素はインライン要素として表示され、要素の前後に改行はありません.
inline-block
行内のブロック要素.(CSS 2.1新規値)
list-item
この要素はリストとして表示されます.
run-in
この要素は、コンテキストに基づいてブロックレベルの要素またはインライン要素として表示されます.
compact
CSSにはcompactの値があるが、広範なサポートが乏しいため、CSS 2から既に存在する.1から削除します.
marker
CSSには値markerがあるが、広範なサポートが欠けているため、CSS 2からすでに.1から削除します.
table
この要素はブロックレベルの表として表示されます().表の前後に改行文字が表示されます.
inline-table
この要素はインライン表として表示されます().表の前後に改行はありません.
table-row-group
この要素は、)のような1つ以上の行のグループとして表示されます.
table-header-group
この要素は、1つ以上の行のグループとして表示されます().
table-footer-group
この要素は、のような1つ以上の行のグループとして表示されます.
table-row
この要素は、のような表行として表示されます.
table-column-group
この要素は、)のような1つ以上の列のグループとして表示されます.
table-column
この要素はセル列として表示されます()
table-cell
この要素は、および のような表のセルとして表示されます.
table-caption
この要素は表のタイトルとして表示されます(