CSSの効率化
1427 ワード
16進数のカラー値対ビット数と大文字と小文字
16進数のカラー値のデフォルト基準は、大文字と6桁の寸法です.未知の状況では冒険を望まず、レンダリングの効率を低下させます.
color:#f3a;
color:#FF33AA;
displayとvisibilityの違い
display非表示オブジェクトは物理空間を保持せず、visibilityは非表示オブジェクトのために占有された物理空間を保持する.ブラウザが占有する物理空間をレンダリングすると、リソースが消費されます.
visibility:hidden;
display:none;
border:none;border:0;の違い
border:0;枠線を隠すことができますが、border-color/border-styleの使用権を保持します.
border:0;
border:none;
あまり小さい背景のピクチャーは平らに敷くべきでありません
ファイルのボリュームは非常に小さいが、幅500 pxのプレートをレンダリングするには2500回のタイルを繰り返す必要があります.
賛成しない*{margin:0;padding:0;}ブラウザスタイルの違いを避ける
*番号ワイルドカードはすべてのラベルを初期化し、ブラウザのレンダリングに一定のリソースを消費します.
ID、classクラスはタグ署名やclassで記述しないでください
ID、classはすべて唯一で、すべて必要ありません
子の選択を避ける
treehead treerow treecell { }
treehead > treerow > treecell { }
- .treecell-header { }