道を実践フロントエンド開発--web仕様の作成

プレフィックス命名1.css ---:拡張認識の広告タイムボックスhb--このような比較的高いです

2.ハンギング複数class--新しいクラスまたは多目的組成物を、以下の継承

3.モジュールの垂直不確実性マージンが特に安定している場合、それはクラスモジュールに書き込むが、クラスの組み合わせの使用、上下の余白の余白に連結された原子のための別のクラスではないが最良です。

  モジュールは、マージントップ及びマージン下、混合するのが最善ではありませんマージントップまたは余白下の一貫した使用を

積み重ねられたとき4.cssスタイルは、高重量セレクタ設定スタイルを使用する、競合様式異なるセレクタを設け---設定されています。(HTMLタグ重い重量は、クラス10の重量、ID 100の重量、1です)

  CSSセレクタがいる場合重み付け同じことを、そしてスタイルは、スタイルセレクタを使用して、最後の定義を、セレクタ近接の原理を、従います。

  簡単なパターンを確実にするために被覆されている中で、保守性を向上させる、できるだけ低いCSSセレクタ徐重みを確保するため

5.css -----スプライト

画像をロードしないリクエストが送信されます - ハイライトは、二つのマップで達成します

強調運動を達成図の背景を使用して、大きい地図をマージ- -background位置:0 -31pxと、

短所:バックグラウンド位置で位置決め - 座標の正確な測定は、メンテナンスに助長されていません

6.推奨ラインスタイル CSSのコーディングスタイル

7. 上記IDとクラス

  -同じページ、同じIDは一度のみ発生する可能性があり、それを繰り返すことができず、クラスは何度でも出現することができます。

  CSSセレクタ100、重みセレクタクラスと10の重量の--id重量;

 - ネイティブJSが提供getElementByIdを()メソッドは、関連HTMLLIElementに対応するIDをサポートしていますが、クラスをサポートしていません。

8. CSSハック(アドレス互換性の問題)

  IEのみ適用されます - <![endifの] - > <! - [場合はIE]> <linckタイプ= "..." />を作ったIEの条件付きコメント

          <! - [場合GT IE 6]>のみIE6における効果上記<![endid]>

          また、中 - 小包ラベルスタイル、スクリプトタグ。

  メソッドセレクタプレフィックスハック

  スタイル属性の接頭辞ハック法

9 .--表示されませんホバースタイルにアクセスするには、ハイパーリンクの後に問題を解決

上記フロートを選択するためのマウスポインタセレクタを置きます。

ヒント::ホバーセレクタは、すべての要素だけでなく、リンクのために使用することができます。

ヒント::リンク  セレクタはページへのリンクのスタイルを設定するには、アクセスできません:訪問した  セレクタはページを訪問し、セットポイントをリンクするために使用されている、:アクティブアクティブリンクのためのセレクタ。

リンクをして::CSSの定義,:ホバーが配置されている必要があります。注意した後(もしあれば)訪問し、そのスタイルを有効にします。

      

  

 

おすすめ

転載: www.cnblogs.com/fdxjava/p/11106779.html