便攜式CSS的規則是什麼？

Question

我是新來的CSS，遵守什麼規則來確保CSS在其他瀏覽器中看起來一樣？ （我使用Firefox）。

P.S.有沒有針對IE7的特定規則？

Answer 1

你不能總是確定。

但您可以使用css重置。 所有的瀏覽器標準的CSS設置將被重置，然後你有一個乾淨的開始。

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

Answer 2

直到IE 9，IE似乎從來不遵循任何規則可言，只要CSS去，但幾乎所有其他瀏覽器請按照下列W3標準：

CSS Reference，W3 Overview，W3 CSS Validator在理論上，如果你堅持這些，一切都應該起作用，但實際上並不是那樣。這當然是朝正確方向邁出的一步，其餘的細節只是通過嘗試，錯誤和經驗來學習。

Answer 3

本網站將爲您提供一個良好的開端。

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

Answer 4

在這個網站上，你擁有所有必要的信息，由彼得 - 保羅·科赫&研究http://www.quirksmode.org/不要使用瀏覽器的具體選擇，比如那些由-moz-前綴或-webkit-

最後，不，不完全確定，不幸的是。測試，測試和更多測試是唯一的解決方案。

Answer 5

我認爲這裏最難的地方在這裏： http://html5boilerplate.com/（閱讀評論的CSS。）它規範化了不同瀏覽器的CSS行爲。 （我不會推薦使用重置）。

諮詢http://na.isobar.com/standards/瞭解最佳的前端最佳實踐。

有一些規則，母鹿，使你的東西的工作，在IE 6 & 7（確實是唯一的那會引起你很大的麻煩）：

• 當事情並不在IE6/7試運行設置縮放：1您嘗試其他任何操作之前

• 的z-index是老IE的

• 有點棘手，讓爲IE首次然後做花哨的東西對於其他瀏覽器YOUT網站（CSS3）其要sav Ë你很多的麻煩

• 請勿將更多然後32個CSS文件到您的HTML文件（不是開玩笑）http://acidmartin.wordpress.com/2008/11/25/the-32-external-css-files-limitation-of-internet-explorer-and-more/）

• 諮詢http://www.quirksmode.org/發展電子商務的感性的東西正在那裏

• 儘量避免在您的CSS中使用MS過濾器...（可以讓你的網站呈現非常緩慢，並可能導致意外的行爲與JS動畫）

Answer 6

你問一個比較寬泛的問題在這裏，但也有少數guidlines遵循將是：

1. 確保它是標準化的CSS和HTML。如果它具有-moz-，-webkit-或-o-（或更多）供應商前綴，則它可能不像您打算的那樣。

2. 請確認它確認！通過W3 validation service來查看代碼中的任何錯誤。

3. 考慮使用CSS重置，如Eric Meyer reset。這會將所有元素重置爲0填充，保證金等。

   或者使用標準化（如Meo指出的），如HTML5 Boilerplate。

4. 瞭解如何使用IE的Conditional Comments。大多數情況下，「真正」的瀏覽器（Chrome，Firefox，Opera）將會呈現HTML。由於存在多個使用中的IE版本，您將不得不爲每個版本提供不同的代碼（不支持IE6），這是實現它的最佳方式。

可能還需要添加更多，但最好的東西確實是經驗。

祝你好運！