CSS を共有するための 8 つのヒント

CSS には多くの機能があります。ここでは、エディターが CSS の 8 つのヒントを紹介します。

1. 半透明効果を表示するためのすべてのブラウザと互換性があります

<div class="transparent"></div>
.transparent {
    filter: progid:DXImageTrans
for
m.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: .5;
    
width
: 200px;
    
height
: 200px;
    
margin
: 0 auto;
    
background
: url("../img/pic.jpg");
}

2. _height、_width

の役割

float divが閉じない問題を解決するには、_height属性を削除することができます。効果。

<div id="wrap">
    <div class="column_
left
">
        <h1>Float left</h1>
    </div>
    <div class="column_
right
">
        <h1>Float right</h1>
    </div>
</div>
#wrap {
    b
ord
er: 6px solid #ccc;
    
overflow
: auto;
    _height: 1%;
}
.column_left {
    width: 20%;
    
padding
: 10px;
    float: left;
}
.column_right {
    float: right;
    width: 75%;
    padding: 10px;
    border-left: 6px solid #ccc;
}

3. min-height min-width を使用して、div または span の高さが固定されている問題を解決します

要素の高さを固定する必要がある場合がありますが、Firefox または Opera では高さのみが設定されます。内容が不十分な場合、期待した効果が得られない場合があります。このとき、min-height

4を使用して、印刷版CSSと画面表示CSSの2種類のCSSを導入します。

<link type="text/css" rel="stylesheet" href="url" media="screen" charset="utf-8">
<link type="text/css" rel="stylesheet" href="url" media="print" charset="utf-8">

5. .fixTable{ table-layout : fixed; overflow:hidden; }nobr タグを追加して、印刷中のページングを制御できます

7. *html{} の機能は 6.0 と互換性があります。 以下の IE バージョンでは、HTML ノードの選択について、他のブラウザは HTML タグがドキュメントのルート ノードであると認識しますが、IE6 より前のバージョンの IE では、HTML ノードの選択について、HTML タグがドキュメントのルート ノードであると認識されます。 HTMLタグの上にルートノードがあること

8. テキストをインデントしてテキストを隠しながら画像を表示します

1.

特別な推奨事項

:

「php Programmer Toolbox」 V0.1 バージョンのダウンロード

2. 無料の CSS オンライン ビデオ チュートリアル3.

php.cn Dugu Jiijian (2) - CSS ビデオ チュートリアル

以上がCSS を共有するための 8 つのヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。