3

この質問はCSS3を対象としています。私はいくつかの定型テンプレートとガイドを見てきましたが、それらのほとんどは、編集したいものに入る前に、非常に多くの属性を宣言しています。

  • なんでそうなの？使用可能なすべての属性を宣言すると、ブラウザーの読み込みが速くなりますか？

  • メリットは何ですか？CSS3を「そのまま」使用しないのはなぜですか（HTMLセクションで使用されているものを宣言するなど）。

  • また、基になる属性が今後のエディションで変更された場合、非推奨の属性を常にチェックし、属性を時々宣言および変更し続ける必要があるということではないでしょうか。

4

2 に答える 2

5

HTML5Boilerplateには、normalize.cssのバージョンが含まれています。すべてを0にリセットするだけでなく（つまり、マージン、パディングなど）、すべてのブラウザーで同じ設定になるように、最小限の変更が加えられています。彼ら自身の言葉で：

「Normalize.cssはカスタマイズ可能なCSSファイルであり、ブラウザがすべての要素をより一貫して最新の標準に沿ってレンダリングできるようにします。正規化が必要なスタイルのみを正確にターゲットにするために、デフォルトのブラウザスタイルの違いを調査しました。」</ p>

ここで使用されるスタイルの例は次のとおりです。

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

これにより、古いIEとiOSの奇妙な点が修正されます。これは、問題が発生したり、負荷を読み取ったり、解決策を見つけたり、最終的に自分で追加したりするようなものです。このデフォルトのセットを使用することで、多くの奇妙さを回避できます。

バグだけでなく、とにかく欲しいと思われるものも含まれています。

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

ナビゲーションでulを使用するのは一般的なパターンであり、通常、そこに箇条書きは必要ありません。これはあなたのためにそれを分類します。

全体として、独自のカスタムバージョンのコードを使用することをお勧めします。これにより、煩わしさが大幅に軽減されます。

于 2012-06-03T17:45:50.113 に答える
0

また、CSS3機能を追加したい場合は、 html5shivまたはhtml5shimを使用してjavascript（これには短所がないことは言うまでもありません）を使用してie5に追加できます。

また、頭字語CSSの定義を調べてみましょう。カスケードスタイルシート。フォールバック順にスタイルを宣言できます。すなわち

body {
    style-1: new browsers (this renders yay!)
    style-2: semi-new browsers (don't understand style-1 I will ignore ahh style2)
    style-3: ie5(me want to crash soon or BOD you. but me not get either 1 or 2 they smart but i think i can work         on style 3)
于 2012-06-04T02:54:30.907 に答える