CSS指南爲提高技能

喜上個月我已經開始學習我所做的是閱讀一切我能找到www.w3school.com CSS.Fist的事情，在那之後我開始閱讀CSS掌握第2版 。我已經成功創建了幾個自己的網站，但我仍然對我所知道的並不滿意，甚至練習過新的CSS3元素。CSS指南爲提高技能

我已經看到了很多使用CSS很酷的東西打造的特別是具有上http://www.cssplay.co.uk/但唯一的問題是不顯示的源代碼，我不知道事情的血腥如何are.A很好的例子是這樣的：

http://www.cssplay.co.uk/menu/tilt.html

而這些只是我在這個網站上看到的東西之一，並且想要學習如何構建它們。

所以任何人都知道任何其他類似的網站，對css的更高級的東西（不像開發一些下拉菜單，翻轉或懸停效果的東西）有更好的解釋嗎？任何建議都非常令人滿意謝謝！

來源

2011-09-12 Aly

請勿使用w3schools - http://w3fools.com/ – zellio

使用Firebug。 – SLaks

或Chrome的檢查員 – chelmertz

如前所述，像Firebug/Chrome Inspector這樣的工具是必須擁有的。

我從各種不同瀏覽器的現實世界問題中獲得了最多的體驗。你創建一個網站，它在特定的瀏覽器中看起來不太好。所以你在互聯網上搜索。找到解決方案並記住它。我認爲CSS本身就是一個相當簡單的工具，我把'高級'CSS作爲掌握使網站跨瀏覽器和IE6/IE7 +等瀏覽器工作所需的各種技術。

此外，如果您發現問題，請不要放棄使用CSS，找到答案。大多數時候，將是一個簡單的解決方案。

一般來說，請確保您的CSS儘可能簡單。我通常會發現最複雜的CSS可以用相對簡單的代碼來替代，並且發現人們會被帶走並忘記簡單的技術來實現類似的解決方案。一個這樣的問題，要放一個按鈕上div的右手邊，如下圖所示：

----------------------------------------------- 
            | Button | 
-----------------------------------------------

您可能會看到一些人會浮在按鈕右側，超過必要增加更多的複雜性。發生了什麼事text-align:right？ :-)

最後，請確保您找到一些您喜歡的博客，例如http://csstricks.com並閱讀它們，注意新技術。嘗試並掌握'2列布局'，瞭解塊/內嵌塊/內聯，邊緣摺疊，表格，html表單，IE6/7 hasLayout之間的區別，該列表繼續。如果您嘗試從頭開始製作網站模板，那麼您將覆蓋大部分內容。也許從一個現有的網站開始，看看你能否實現相同的佈局。

我不確定CSS如何學習它的陷阱而不會錯誤地遇到它們。

來源

2011-09-12 18:53:25 Mig

看起來迷宮的樣式表位於：http://www.cssplay.co.uk/menu/candr/tilt.css。你可以使用它來對付源代碼。

來源

2011-09-12 18:07:44 talkingD0G

我最喜歡的一個是A List Apart。優秀的文章，不僅關於像我鏈接的CSS，還關於網頁設計等等。

另外HTML Dog有一些不錯的CSS條目。

然後，您可以在w3 site上找到很棒的CSS資源。

來源

2011-09-12 18:26:50

CSS指南爲提高技能

回答

相關問題