如何超越我對CSS的困惑？

我有興趣提高對CSS的理解。我一直在製作網頁，但是我仍然經常受到奇怪的行爲的阻撓，當我嘗試按照我想要的方式來看東西時，我無法解釋這種奇怪的行爲。我有很好的開發經驗，並且我沒有理解Javascript，PHP甚至C的優點。但是當涉及到CSS和HTML時，我總是試圖「欺騙」我的代碼進行工作。如何超越我對CSS的困惑？

這必須在我對網頁和CSS是如何工作的一部分背叛缺乏瞭解。是否有任何好的書籍或資源可以幫助我們真正理解引擎蓋下正在發生的事情？我總是覺得自己無所適從，但是我懷疑如果我只是打擊並做了一些很好的閱讀，我就可以克服這種困難。

來源

2011-12-07 David Sanders

我推薦[HTMLDog]（http://www.htmldog.com/）。此外，來自Google的[這些視頻]（http://code.google.com/edu/submissions/html-css-javascript/）也很有幫助。 – bookcasey

理解作爲一個整體的東西來自理解組成它的所有部分 - 如果您有關於CSS的具體問題，您可以提出並獲得具體答案。否則，你也可以去書店買一本關於CSS的最厚的書。 –

我發現我一直在試圖「欺騙」我的代碼進入工作。

是的。 CSS往往是創造你想要的效果的幻覺，而不是實際做你想要的。

這就是說，有非常具體的規則，爲specified by the W3C。瞭解visual formatting model也可以爲您的理解創造奇蹟。然而，這些規格密集且經常令人困惑，因此逐步瞭解具體的屬性和構建知識往往是更簡單的方法。查找教程（請參閱下面的鏈接），或只是與他們玩，看看會發生什麼（這是我學會了float和clear）。

儘管它經常死機，但有幾個SO用戶會定期檢查CSS Chat Room（包括我自己），所以如果您有一般性問題（不適合實際的SO問題），請隨時在那裏問問，並且有人最終會回擊你。

而且，我創建了一個文件Useful CSS Links鏈接到官方文件，幾個教程和其他CSS資源。

來源

2011-12-07 02:00:42

非常感謝您的回答。我認爲我的許多困惑都圍繞着HTML文檔的流程。我會檢查所有這些鏈接。 –

沒問題！很多人在文檔流程方面都遇到了麻煩，但如果您習慣了它，使用起來相當有趣。 –

還有一些關於[CSS Tag Wiki]（http://stackoverflow.com/tags/css/info）的好東西（包括一些我個人不同意的東西，比如Resets和預處理器，但你應該可能會發展你自己的意見） –

我敢肯定你已經在這裏，但以防萬一：

瞭解CSS： http://w3schools.com/css/default.asp

瞭解CSS3： http://w3schools.com/css3/default.asp

然而，最好的方式來學習這個東西是通過試錯法。 HTML和CSS在他們對畸形/錯誤的寬容方法中是獨一無二的。這一點以及沒有兩個瀏覽器呈現完全相同的HTML/CSS這一事實表明，即使是有經驗的HTML/CSS開發人員偶爾也會遇到一些含糊不清的問題。

儘管如此，學習這個東西是一個爆炸，真正有價值的，一旦你得到它的句柄。快樂的編碼！

來源

2011-12-07 01:41:27 Aaron

W3Schools是一個糟糕的選擇：http://w3fools.com/ – thirtydot

@thirtydot公平地說，w3schools一直在更新其內容。我實際上一直在閱讀他們的CSS教程，到目前爲止他們非常準確。一般來說，w3schools不推薦，但它已經變得更好。 –

無可否認，它遠非完美，但像TryIt這樣的功能！編輯器提供了一個增強級別的「快速和骯髒」的互動學習，其他許多教程都沒有。 – Aaron

你可能會漂亮閃爍的燈光被越來越迷惑，忘記觀看的內容是如何連接在一起。就像你可以過分關注DOM中的節點如何受到JavaScript的影響一樣，你不能忘記父母和兄弟姐妹以及他們如何融合在一起。你最大的問題可能是定位。記住所有元素如何連接在一起，這將解決很多困惑。

來源

2011-12-07 02:08:08 Rob

確實！文件流*非常重要* –

如何超越我對CSS的困惑？

回答

相關問題