CSS3--プロンプトツール画像プロフィール画像透明なイメージステッチング技術のメディアタイプ属性セレクタ

 ツールヒント

特定の要素にマウスに示すバルーン

 

設定し、プロンプトボックスの場所

矢印を追加するためのヒントボックス

フェード効果プロンプトボックス

ヒントボックス美化

 

 

 

プロフィール画像

応答プロフィール画像

 

 

透明画像

透明画像を作成 - 効果を合わせます

マウスを置いた後--- ---> 

テキストと透明のボックスを作成し、背景画像を持っています

 

 

 

 画像のモザイク技術

単一の画像分割の画像の集合----

[画像の多くのページには、複数のサーバー要求をロードして生成するのに長い時間がかかることがありますがあります]

 画像分割は、サーバーへの要求の数を削減し、帯域幅を節約します

 

代わりに、単一の画像を使用するように、3つの別々の画像を使用します

------>  

フラット化画像ホバー効果

 

 

メディアタイプ

ファイルを指定する方法[など、画面上に表示され、紙、別の方法でブラウザを聞く]異なるメディアに提示されます

@mediaルール

[同じスタイルシート内の異なるメディアの異なるスタイルを設定します]

他のメディアタイプ 

 

 

 属性セレクタ

セレクタ属性 - タイトルが青にすべての要素が含まれています

<スタイル>
[タイトル]
{
色:青。
}
</スタイル>
</ head>の

<身体>
に<H2>適用されます:</ H2>
<h1のタイトル= "こんにちは、世界">こんにちは</ H1>
<タイトル= "runoob.com"のhref = "// www.runoob.com/" > runoob.com </a>の
<時間>
</ H2> <H2>には適用されません
!<P>こんにちは</ P>
</ BODY>

そして、属性値セレクタ

[タイトル= runoob]
{
    ボーダー:5pxの固体グリーン。
}

マルチ値選択

差異= ^ = $ = * = |〜=属性セレクタ、

おすすめ

転載: www.cnblogs.com/expedition/p/10927092.html