ポータブルCSSのルールは何ですか?

私はCSSに慣れていません。他のブラウザでもCSSが同じように見えるようにするためのルールは何ですか? (私はFirefoxを使用しています)。

P.S. IE7の具体的なルールはありますか?

1

6 答え

私は始めるべき人形の場所がここにあると思う: http://html5boilerplate.com/ (コメント付きのCSSを読んでください)。これは、さまざまなブラウザ間でのCSSの動作を正規化します。 (私はリセットを使用することをお勧めしません)。

最良のフロントエンドのベストプラクティスについては、 http://na.isobar.com/standards/ を参照してください。 。

There are some rules doe to make your stuff work in IE 6 & 7 (does are the only ones that gonna cause you serious trouble):

  • IE6/7で何かが動作しないときは、何かを試す前にズーム:1を設定しようとする

  • Z-indexは古いIEの上でややこしい

  • 最初にIEのためのyoutサイト​​を作ってから、他のブラウザ(CSS3)のための魅力的なものを作って、あなたに多くのトラブルを避ける

  • htmlファイルに32以上のCSSファイルを挿入しないでください(冗談なし;) http://acidmartin.wordpress.com/2008/11/25/the-32-external-css-files-limitationインターネットエクスプローラーやその他のもの

  • 何があるかの感性を高めるために http://www.quirksmode.org/ にお問い合わせください作業場所

  • CSSでMSフィルタを使用しないようにしてください(サイトのレンダリングが非常に遅くなり、JSアニメーションで予期しない動作につながる可能性があります)

1
追加された

ここではかなり広い質問をしていますが、いくつかのガイドラインは次のようになります:

  1. Make sure it's standardized CSS and HTML. If it has a -moz-, -webkit- or -o- (or more) vendor prefix, it might not behave exactly as you intend.

  2. Make sure it validates! Put it through the W3 validation service to see any errors in your code.

  3. Consider using a CSS reset, like the Eric Meyer reset. This will reset all your elements to 0padding, margin etc.

    Or use a Normalize (as Meo points out) like the HTML5 Boilerplate.

  4. Learn how to use IE's Conditional Comments. For the most part, the "real" browsers, (Chrome, Firefox, Opera) will render the HTML as it should be. With there being multiple in-use versions of IE, you're going to have to give different code for each of the versions (don't support IE6) and this is the best way to do it.

追加することはおそらくもっとたくさんありますが、最高のものは実際には経験です。

がんばろう!

1
追加された
私はリセットを使用しません。私は正規化を使用する...書いてたくさん保存...チェックhtml5定型句。
追加された 著者 meo,
ありがとうMeo、私はそれを忘れてしまった。私はそれを追加します:)
追加された 著者 Kyle,

In this website you have all the necessary information, study http://www.quirksmode.org/ by Peter-Paul Koch & Don't use browser specific selectors, such as ones prefixed by -moz- or -webkit-

最後に、いいえ、絶対に確かではありませんが、残念ながら。テスト、テスト、さらに多くのテストが唯一の解決策です。

1
追加された

あなたは必ずしも確実であるとは限りません。

しかし、あなたはCSSのリセットを使用することができます。 すべてのブラウザの標準的なCSS設定がリセットされ、クリーンスタートがあります。

http://meyerweb.com/eric/tools/css/reset/

1
追加された

IE 9まで、IEはCSSが実行される限り、まったくルールに従わなかったようですが、他のすべてのブラウザでは、これらのW3標準に従っています。

CSS Reference, W3 Overview, W3 CSS Validator

理論的には、これらに固執すれば、すべてがうまくいくはずですが、現実にはそうではありません。これは間違いなく正しい方向への一歩ですが、残りの部分は試行錯誤と経験によってちょうど学ばれます。

0
追加された

このウェブサイトはあなたに良いスタートを与えるでしょう。

http://htmlhelp.com/reference/css/structure.html

0
追加された