CSS初心者がまとめたCSSの使い方のヒント

[はじめに] 1. 背景タイルとして小さすぎる画像を使用しないでください。これが、多くの人が 1px を使用しない理由です。ただそれを知っているだけです。幅と高さが1pxの画像を200pxの領域にタイリングするには、200*200=40,000回必要となり、リソースを消費します。 2. 国境はありません。推奨される書き込み方法は

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. テキスト フォントには偶数の 12 ピクセル、14 ピクセル、16 ピクセルを使用するのが最善です。効果は非常に優れています。特別な場合、15px。

11. ブロック、ul、ol などの上下に少なくとも 1 行の間隔を空け、左側の行間隔の少なくとも 2 倍、必要に応じて右側の行間隔を空けます。

12. 段落間には少なくとも 2 行の行間隔が必要です。

13. 特定の要素の行の高さをテキストのサイズの 1.6 倍、タイトルのサイズの 1.3 倍に強制的に指定します。

14. 中国語の句読点には全角を使用します。英語中国語混じり、左右スペース、半角。

15. 太字や斜体の中国語フォントは避けた方が良いです。それは人々と自分自身にとって有益です。

以上がCSS初心者がまとめたCSSの使い方のヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。