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

零下一度
リリース: 2017-05-13 14:15:04
オリジナル
1483 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート