ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS の概要??position_html/css_WEB-ITnose

CSS の概要??position_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:54:31
オリジナル
1057 人が閲覧しました

C(CSS (Cascading Style Sheet) は中国語で階層化スタイル テーブルとして翻訳され、Web スタイルを制御するために使用されるマーク付き言語であり、Web コンテンツからスタイル情報を分離できます。 CSS コントロール ページには、次の 4 つの主なスタイルがあります: インライン スタイル (style 属性は CSS を p タグにネストします)、インライン スタイル (HTML 部分では CSS コードは使用されませんが、CSS コードはスタイルで変更されます)ネストされた)、リンク スタイル (リンク ステートメントを使用して外部 CSS をページにインポートします)、およびインポートされたスタイル。


スタイルデザインには非常に重要な属性があります??

position

CSS には位置決め用の属性が多数あり、DIV+CSS レイアウトを使用して古いテーブル レイアウトを置き換えることもできます 基本サポートが提供されています。 Om t Bottom: 位置決め要素とブロックの下側境界の間の外側と外側の境界の間のオフセットを定義します。

クリップ: 要素の形状を設定します。要素が形状にクリップされて表示されます。

left: 位置決めされた要素の左マージン境界と、その要素を含むブロックの左境界の間のオフセットを定義します。 W オーバーフロー: 要素のコンテンツが領域をオーバーフローした場合の動作を設定します。 On Position: 要素を静的、相対、絶対、または固定位置に配置します。定 右: 位置決め要素間の右外側の距離とブロックの右境界の間のオフセットを定義します。

。 L 垂直整列: 要素の垂直整列方法を設定します。


Z-index: 要素の重なり順を設定します。



これと、主要で混同しやすい概念は、Position 属性です:

静的デフォルト:

場所は静的要素に設定され、常にページ ストリームの位置になります (静的要素は上下左右のステートメントは無視されます)。 hose位置が相対に設定されている要素は、通常の位置に比べて位置に移動できるため、「左:20」は要素を要素の通常の位置の左側の位置20ピクセルに移動します。


絶対:

位置が絶対に設定されている要素は、それを含む要素を基準にして指定された座標に配置できます。この要素の位置は、「left」、「top」、「right」、「bottom」属性によって指定できます。 X

FIXED:

の位置は FIXED 要素に設定され、ブラウザ ウィンドウを基準とした指定された座標として配置できます。この要素の位置は、「left」、「top」、「right」、「bottom」属性によって指定できます。

论 论

ウィンドウが回転するかどうかに関係なく、要素はその位置に留まります。 IE7(厳密モード)で動作します。これらの属性は DIV レイアウトの基礎です。ブラウザーが異なると、ボックス モードにも違いがあります。たとえば、IE6 ではボーダーとパディングが含まれますが、ボックスの幅と高さはコンテンツの幅のみを指します。 細部の違いは、日常の仕事の中で要約できることがよくあります。あまり心配しないでください。簡単な CSS の使い方を理解し、継続的に適用するプロセスで改善し、理解を深めます。ポジションを簡単にまとめます。間違いがあればご指摘ください。 !

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート