ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでの表示方法を教えてください。

CSSでの表示方法を教えてください。

零下一度
零下一度オリジナル
2017-05-03 15:49:062001ブラウズ

今日は CSS での表示方法を学びましょう

1. 表示方法 :

ボックスのデフォルトの表示タイプは、display

のプロパティを通じて変更できます。

属性: display

Display

:

1None : 生成された要素用のボックスがないため、生成された要素は表示されず、非表示になります。値を none に設定すると、要素内のすべてのコンテンツは表示されなくなり、ドキュメント領域を占有しなくなります。 L 2

、oBlock: ブロック、任意の要素を表示します 1. ブロックの特徴は次のとおりです:

1. 単独で実行します

2. 幅と高さを個別に設定できます

2..

ブロック。场 场 使用機会:

1

、 -line 要素では、表示するブロックレベルの要素を想像してください。级 2

、ブロック要素を非表示

(表示: none;)

から表示

(表示: block;) に変更します。 3InLine: 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 表示効果

1visibility属性

関数:要素の可視性を実装します(show/hide

)

1visible : デフォルト値、要素は表示されます。 I 2

、dhidden: 要素は表示されず、非表示になりますが、スペースはまだ占有されています。 O 3、lCollapse

: テーブルで使用すると、テーブルのレイアウトに影響を与えることなく行または列を削除できます。不透明値:0-10

および

1)) '' '' '' s 3vertical-align属を含む数値: ---- 値が大きいほど不透明になります

垂直方向の配置方法を設定します 値: Top / MIDDLE / BOTTOM (上、中、下) ベースライン: ベースラインアライメント (デフォルトのアライメント方法) 特別な使用方法:

内側のブロック m (IMG) 要素では、テキストと現在の要素の間の位置合わせの方法を定義できます。

例: [次のテキストが必要です] を選択し、インライン ブロックになるにはリンク

2、ブロックになるにはリンク 3、消えるにはリンク 4 4、カーソル 属性

cursor

: デフォルトでは、Web ページ上のカーソル表示は要素に応じて異なります。 ハイパーリンク: 手の形

テキスト: I

ボタン: 矢印

CSS では、cursor 属性を通じてカーソルの表示効果を変更し、顧客に視覚的なヒントを提供できます。

wait: 待っています

ヘルプ: ?

以上がCSSでの表示方法を教えてください。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。