トップクラスのクラシックおよび一般的に使用される CSS プロパティのコレクション

トップクラスのクラシックおよび一般的に使用される CSS プロパティのコレクション_エクスペリエンス交換

WBOY

リリース： 2016-05-16 12:04:54

オリジナル

1868 人が閲覧しました

テキストを両端に揃えます:

コードをコピーコードは次のとおりです。

text- align:justify; 
text-justify:inter-ideograph; 

フロートのクリア:

コードをコピーコードは次のとおりです。次のように:

.clear{clear:both;line-height:0;height:0;font-size:0;}

浮動疑似クラスをクリアします:

コードをコピーコードは次のとおりです:

.clearfix: after{content: ".";表示: ブロック;高さ: 0;クリア: 両方;可視性: 非表示;} 

設定単語が改行されないようにするため

コードをコピー U> コードは次のとおりです:

ワードブレイク: keep-all

文字の折り返し

コードをコピーコードは次のとおりです。

word-break:keep -all;word-break:break-all;word-wrap:break-word

行を使用-垂直方向の中心までの高さ

コードをコピー a> コードは次のとおりです:

行-height:24px;/*固定幅のコンテナを使用しており、行を垂直方向に中央揃えする必要がある場合は、Line-height を使用するだけで十分です (高さは親レイヤー コンテナと同じです)。垂直方向の中央揃えの概要については、こちらをご覧ください。 。 
*/ 

コンテナフロートをクリア

コードをコピーコードは次のとおりです。

#main {overflow:hidden;}

リンクを折り返さないでください

コードをコピーコードは次のとおりです:

a {white-space:nowrap;}

常にスクロールバーを表示するように Firefox に指示します

コードをコピーコードは次のとおりです。

html {overflow:-moz-scrollbars-vertical;}

ブロック要素を水平方向に中央揃えにします

コードをコピーコードは次のとおりです。

body, html {min-height:101%;} または margin:0 auto;

エクスプローラーのテキストエリアのスクロールバーを非表示にする

コードをコピー U> a> コードは次のとおりです:

textarea {overflow:auto;}

設定印刷ページネーション

コードをコピーコードは次のとおりです:

h2 {page-break-before:always ;}/*Web ページの印刷時にページングを設定します*/ 

リンク上の点線のボックスを削除します

コードをコピーコードは次のとおりです。

a,area { blr:expression(this.onFocus=this.blur( )) } 
:focus { -moz-outline- style: none; } 

最も単純な CSS リセット

コードをコピーコードは次のとおりです:

* {margin: 0; padding: 0}/*この属性の使用には注意が必要です。ただし、デフォルトの属性を削除することもできます。 、ブラウザのレンダリングに影響を与え、意味表現が良くありません。 */ 

画像を入力した後にテキストを印刷するには属性が必要です

コードをコピーコードは次のとおりです。
img{vertical-align:top;}

透明属性

コードをコピーコードは次のとおりです:

filter:alpha(opacity=50); -moz-opacity: 0.5 ; opacity: 0.5; 
cursor:hand; 

マウスを手の形に変更します

コードをコピーコードは次のとおりです。

cursor:hand;