ホームページ  >  記事  >  ウェブフロントエンド  >  トップクラスのクラシックおよび一般的に使用される CSS プロパティのコレクション_エクスペリエンス交換

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

WBOY
WBOYオリジナル
2016-05-16 12:04:541846ブラウズ

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

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

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