ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでの表示方法を教えてください。
今日は CSS での表示方法を学びましょう
1. 表示方法 :
ボックスのデフォルトの表示タイプは、display
のプロパティを通じて変更できます。属性: display
Display:
1、None : 生成された要素用のボックスがないため、生成された要素は表示されず、非表示になります。値を none に設定すると、要素内のすべてのコンテンツは表示されなくなり、ドキュメント領域を占有しなくなります。 L 2
、oBlock: ブロック、任意の要素を表示します 1. ブロックの特徴は次のとおりです:
1. 単独で実行します 2. 幅と高さを個別に設定できます2..
ブロック。场 场 使用機会: 1、 -line 要素では、表示するブロックレベルの要素を想像してください。级 2
、ブロック要素を非表示(表示: none;)
から表示(表示: block;) に変更します。 3、InLine: Line、任意の要素要素を好きにさせますn Inline
の特性を表示する行内の要素: 複数の要素は 1 行で inline の使用を表示します:
1、ブロック -level 要素は in -line 要素になります
2、in -line 要素内の line 要素、line 要素内の line 非表示 d (表示: None;) から表示
(表示: Inline)
4, InLine-BLOCK: 内側のブロック、要素それ自体は線の特性ですが、ブロックの特性 (幅と高さを変更できます)
、はインラインブロック要素です-1.INLINE-BLOCK
使い方 使用シーン:行内の要素の幅と高さを変更したい場合
2、Inline-Block 表示効果
1、visibility属性
関数:要素の可視性を実装します(show/hide
)
1、visible : デフォルト値、要素は表示されます。 I 2
、dhidden: 要素は表示されず、非表示になりますが、スペースはまだ占有されています。 O 3、lCollapse
: テーブルで使用すると、テーブルのレイアウトに影響を与えることなく行または列を削除できます。不透明値:0-1(0
および1)) '' '' '' s 3、vertical-align属を含む数値: ---- 値が大きいほど不透明になります
垂直方向の配置方法を設定します 値: Top / MIDDLE / BOTTOM (上、中、下) ベースライン: ベースラインアライメント (デフォルトのアライメント方法) 特別な使用方法: 内側のブロック m (IMG) 要素では、テキストと現在の要素の間の位置合わせの方法を定義できます。 2、ブロックになるにはリンク 3、消えるにはリンク 4 4、カーソル 属性 : デフォルトでは、Web ページ上のカーソル表示は要素に応じて異なります。 ハイパーリンク: 手の形 テキスト: I ボタン: 矢印 CSS では、cursor 属性を通じてカーソルの表示効果を変更し、顧客に視覚的なヒントを提供できます。
以上がCSSでの表示方法を教えてください。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。