1つのプログレッシブ・エンハンスメントと縮退
プログレッシブ・エンハンスメント:最も基本的な機能することを確認するために、ブラウザの低いバージョンのためのページを構築し、より優れたユーザーエクスペリエンス、相互作用およびその他改善と高度なブラウザのための最高の機能で結果を達成。
優雅な劣化:完全に機能構築し始め、その後、ブラウザの低いバージョンのための互換性があります。
優雅な劣化は現状の初めから複雑で、ユーザーエクスペリエンスの供給を削減しようとしている、とプログレッシブ・エンハンスメントは非常に、基本的なバージョンを機能することができる、と環境の将来のニーズを満たすために拡大し続けてからです。ダウングレード(グレースフルデグラデーション)は振り返る意味し、プログレッシブ・エンハンスメントは、土台が安全なゾーンにあることを保証するために、先に私の同僚を見ていることを意味します。
2個のCSS3セレクター
2.1属性セレクタ
[タイトル]
[タイトル=百度]選択したタイトルのプロパティBaiduの
[のhref * =シーナ]シーナ要素を含んhrefが
値(HTTP)[のhref ^始まる = HTTP]のhref ラベルの属性値
[HREF $を= COM] COMの最後にタグのhref属性
注:選択した値であった場合は、「」 『:』や他の特殊文字、マークがあって必要
2.2擬似クラスセレクタ
2.2.1擬似ベース構造(擬似クラス位置)
アクティブ,:ホバー,:訪れリンク,:;:
UL:まず最初の子-UL ULを選択:最後の子は最後のULチェック
お子様N番目の条件:親要素の第三子:李(3)要素とラベルのliなければなりません
李:n番目の-最後の子( 3): 終わりから3番目の要素を
2.2.2空の擬似クラス
E:空の要素は、任意の子ノードを選択していないが、子ノードは、(スペースを含む)任意のコンテンツを持っていません
2.2.3ターゲット擬似クラス
E:現在のアンカー要素に、使用するためにアンカーを標的結合が選択されます
2.2.4は、擬似クラスを除外します
E:セレクタセレクタ以外のない(セレクタ)要素
2.2.5 UI状態擬似クラスセレクタ
:enble
:無効
:チェックする
マウスを選択したときに、背景とテキストの色を設定するには、スタイルを設定します::選択を、あなたは他のプロパティを設定することはできません
2.3擬似要素セレクタ
最初の行の最初の単語の最初の文字E ::
テキストの最初の行の最初の行:: E
Eは::選択は、選択したテキストスタイルに変更することができ
た後、E :: beforおよびEを::
「:」そして、「::」疑似クラス区分との違いは、ダミー素子であります
2.4レベルセレクタ
2.4.1子孫セレクタ
(子孫)子孫セレクタはDIVのP(別名セレクタを含有)
(息子)サブエレメントセレクタDIV> P-
のLi +のリチウム:(兄弟)のdiv pタグEGの直後に選択された隣接セレクタDIV + Pを
( divタグのpの後ろにすべての兄弟を選択する兄弟)ユニバーサルセレクタのdiv〜P
2.5その他のセレクタ
P:唯一の子は、親要素の要素であり、唯一の唯一の子
P:最初の型は、最初のラベルの同じタイプで同じレベルに選択された
最後の型と同じレベルで選択しました:最後のラベルの同じタイプ
:n番目の型(N ) n番目のタグに同じタイプの同じレベルを選択する
:第n-最後の型 (n)はn番目のタグに同じタイプの同じレベルの逆を選択します
。専用の型の親要素のタイプだけつのラベルを選択
:ルートは、ドキュメントのルート要素は、ドキュメント・ツリー構造の最上位の要素を指し、選択
3私有財産
プライベートプロパティのプレフィックスブラウザCSS3には、ブラウザのメーカーは頻繁に使用する1つの方法です。これは、CSSプロパティやルールがまだW3C標準の一部になっていないことを意味しています。
-wekit- GoogleはFirefoxがIEブラウザヨーロッパの友人を-ms- -moz- -O-
4 CSS3の新しいプロパティ
4.1テキストの影
シャドウ・テキスト:レッド10pxの10pxの10pxの10pxの;
/ * 水平垂直方向のオフセットシャドウサイズの影の色の鮮明度をオフセット * /
複数の影を区切るにはカンマを使用します
注意:あいまいさが負にすることはできません
4.2シャドウボックス
シャドーボックス:ピンクのインセット10pxの10pxの10pxの; / * シャドウ・セットからのインセット* /
4.3英語ラップ
単語ブレーク:ブレークのすべてを(ラフ句読点)/キープすべて(デフォルト値、テキストは折り返されません)。
4.4フィレット
RADIUSボーダー / * 。の四隅の1つの値 、左上と右下、下、右と下の二つの値は、左 、左上、右下及び左下の3つの値、右下 、左下、左上、右上、右下の4つの値(時計回り) の単一セットBORDER-(垂直) - (約)-radius * /
4.5 CSS3色特性
rbga(255,255,255,0.1)範囲の透明度0から1