CSSベース(7)

1.要素の表示と非表示

表示:なし/ブロック

可視性:隠された/目に見えます

両者の差:

表示:なし要素、元の標準的なフローの場所は、ページが表示されないされないが、ソースコードだけでなく、対応するラベル。

可視性:隠された要素を、元の標準ストリームによって占められる位置、見タグページに対応するソースコード、より小さい。

 

2.オーバーフロー隠されたコンテンツ要素

オーバーフロー:隠された、またはオーバーフローが非表示にするには、コンテンツの要素を越えて行くだろう

 

3.オーバーフロー省略

3つの属性:オーバーフロー、ホワイトスペース、テキストオーバーフロー不可欠

■は { 200pxの ; 
      高さ100pxに
      背景色ピンク ; 
      オーバーフロー隠された ; 
      空白NOWRAP ;     / * ラップしないように設定されたテキスト* / 
      テキストオーバーフローを省略記号 ;   / * 省略記号省略平均テキストオーバーフローテキストのオーバーフロー* / 
    }

 

4.カーソルのスタイル

カーソル:デフォルトデフォルト|ポインタの手|移動が移動|テキストテキスト|ヘルプヘルプ

最も一般的には移動し、ポインタです。

 

テキストボックスまたはテキストフィールドの周囲のワイヤを削除します

概要:なし

 

画像やテキストの配置

垂直-ALIGN:ベースライン| トップ| ミドル|

通常、中央での画像とテキストが縦方向にセンタリングされるように。

また、ピッチをクリアするには、トップ、ミドル、ボトムとデフォルトのピクチャボックスの下部を使用することができます。

ボックスの間隔の底部とデフォルトの画像は、道をクリア:

垂直整列:トップ|中間|ブロックレベル要素を表示するように底部が画像をも設定することができる:ブロック

 

6.スプライト

1. * *どうして使用スプライト**

  • サーバーに送信された要求の数を減らすために、

  • ページがより速くロード

2.スプライトとは何ですか

CSSスプライトは、実際にはしかし、各ページ要素は通常、スプライトを特定するために、異なる位置の観点からのみの小さなスプライトを必要とする、大フィギュア(スプライト)にWebページの背景画像の一部を統合します小さなマップは、あなたはCSSの背景画像、背景リピートとのbackground-positionプロパティの背景の位置を使用する必要があり、最も重要なは、正確に位置決めのbackground-positionプロパティを使用することです。

3.スプライト本質

属性セットを使用して背景画像の位置

 

7.フォントのアイコン

1.スプライトの欠点

1.追加書類の合計サイズの増加、スプライトはまだ基本的に絵であるため、

2. HTTPリクエストの数が余分に増加

3.ズーム歪ん

 

利点の2.フォントのアイコン:

1.あなたは、透明性、回転などを変更、同じ絵で物事を行うことができますすることができます。..

2.しかし、実際には、テキストの本質である、それはそうでは非常にカジュアルな変更の色、影、透明性、およびすることができ...

3.自体は小さいが、情報切断運ばれません。

4.は、ほぼすべてのブラウザをサポートしています

携帯端末装置に必要な医学...

 

8.スライドドア(こちら)

どんなにコンテンツスタイルの両面または元のスタイルに変更

 

9.幅と高さが提供されています

高広い要素はまた、百分率の形で使用することができる、PXで使用することができる、それはまた、それらを使用することができます

それの割合場合は、セットの割合が高いため、広い親要素に基づいています。

 

10.移行

移行:移行

移行、移行期間、軌道、時間遅延を属性には、

 

11.変換または変換変更

変換:変換|スケール|回転

このような水平または垂直位置と、要素の位置の動きを変換する意味します

一つの値だけが幅と高さがスケーリングされる倍数を示すことによって、記述されている場合、スケールは、そのようなパラメータの倍数であり、幅と高さ、などの要素の大きさの変化を指します。

これは、回転要素を回転させることをいいます

 

おすすめ

転載: www.cnblogs.com/sauronblog/p/11441525.html