DIV+CSS 専門家も読んでおくべき 15 の CSS の常識的なヒント_html/css_WEB-ITnose

1. 背景タイルに小さすぎる画像を使用しないでください。これが、多くの人が 1px を使用しない理由です。ただそれを知っているだけです。幅と高さが1pxの画像を200pxの領域にタイリングするには、200*200=40,000回必要となり、リソースを消費します。
2. 国境はありません。推奨の書き方は border:none; です（笑）、私はいつもこれを使っています。 border:0; は境界線の幅をゼロとして定義するだけですが、境界線のスタイルと色は引き続きブラウザーによって解析され、リソースを占有します。
3. * ワイルドカードは注意して使用してください。いわゆるワイルドカードは、使用されているかどうか、古いか先進的であるかに関係なく、CSS 内のすべてのタグを初期化するものであり、大量のリソースを消費します。オプションの初期化タグが必要です。
4. CSS の 16 進数のカラーコードの略語。略語や小文字には慣れてきましたが、分析に占有されるリソースを減らすために、それが推奨される書き方ではないことに気づきました。ただし、ファイルサイズも大きくなります。どちらが良いか悪いかは慎重に検証する必要があります。
5. 頭にスタイルを置き、足にスクリプトを置きます。埋め込みではなく、外部リンクのみです。
6. CSS 式は決して使用しないでください。
7. @import を通じてスタイルシートをインポートする代わりに、スタイルシートを参照するために使用します。
8. 一般に、PNG は GIF よりもはるかに小さいです。繰り返しになりますが、GIF でどれだけの色が無駄にされているかを最適化する価値は十分にあります。
9. HTML で画像を拡大縮小しないでください。一方は見栄えが悪く、もう一方はリソースを消費します。
10. テキストフォントには偶数の12px、14px、16pxを使用するのが最適です。効果は非常に優れています。特別な場合、15px。
11. ブロック、ul、ol などの上下に少なくとも 1 行の間隔を空け、左側の行間隔の少なくとも 2 倍、必要に応じて右側の行間隔を空けます。
12. 段落間には少なくとも 2 行の間隔が必要です。
13. 特定の要素の行の高さをテキストのサイズの 1.6 倍、タイトルのサイズの 1.3 倍にする必要があります。
14. 中国語の句読点には全角を使用します。英語中国語混じり、左右スペース、半角。
15. 太字や斜体の中国語フォントは避けた方が良いです。それは人々と自分自身に利益をもたらすからです。