html的CSS設計良好的做法？

我是一個新手web開發人員。我通常使用多個分層表來獲得我想要的設計。我一直在尋找很多web 2.0網站，其中大部分似乎都使用div/float組合。html的CSS設計良好的做法？

哪個更好用？也因爲我熟悉桌子方法div/float方法有什麼優勢？

2011-05-12 user434885

表仍然可以使用，主要用於當你實際上創建一個Excel表格等，但對於頁面佈局的CSS是要走的路，你將有更多的靈活性與css – Ibu 2011-05-12 08:09:51

正如HTML標準所說，表格只能用於他們設計的目標：beeing tables。而不是使用表進行佈局，css提供了巨大的功能來定位和佈局html實體。巨大的優勢在於（或者應該是）樣式表的單一交換導致了完整的其他設計（大多數表格佈局必須從頭開始重新構造以提供新的設計）。因此，使用CSS應該會帶來更大的靈活性。

一個真正開始這個任務應該是zengarden，基於一個html頁面顯示非常多的css設計。

http://www.csszengarden.com/

來源

2011-05-12 08:11:13 sics

我每次看到你的觀點即時通訊不滿意的設計，我需要從頭開始......！我想看看這個謝謝你...... – user434885 2011-05-12 08:17:11

當然，就像幾乎所有的「看看CSS有多偉大的事情」的網站一樣，除了前兩頁設計中的一個設計外，其餘都是固定寬度的設計在一個寬廣的瀏覽器窗口上可笑。如果CSS可以完成從佈局中刪除表格的任務，它將會非常棒**，但它仍然不是。 :-(儘管如此，即將到來的IE6的死亡將會有所幫助）但是，如果您能夠處理CSS的限制和瀏覽器問題，那麼請同意您的靈活性的中心要點，我通常會嘗試去做，並且只能使用表格 – 2011-05-12 08:25:58

我完全同意你的看法，@TJ Crowder，不幸的是，使用css並不會產生瑞士軍刀，因此無法控制所有客戶的設計要求等等。在我看來，使用css會導致代碼變得更簡單，因此與表格佈局相比，可以提供更多概覽和靈活性。 – sics 2011-05-12 08:26:31

下面是對這個問題的好文章

http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/

順便說一句，這個問題已經在這麼多的話題已經討論了很多次： - <

來源

2011-05-12 08:15:34

的div有更靈活的優勢。你有更好的控制，他們更容易更新或修改。

當您使用表格創建整個佈局，並且讓您需要使用2列時，如果您稍後決定添加第三列，則必須做出非常根本性的更改才能使其發生。

另一方面，Css的強大功能足以成爲1：一種完整的語言來定義頁面的佈局。 2：它不會混亂你的html，你可以有1人設計HTML和另一個做CSS。

檢出css tricks並且您將永遠不會再使用表格......除非是表格。

ps：你可以從1個html和2個不同的css創建2個完全不同的佈局。

來源

2011-05-12 08:17:28 Ibu

這是一場偉大的辯論，需要幾個似乎迷失在互聯網的願望中的觀點。

表是不是一件壞事
表有一個真正的目的

當互聯網是新的瀏覽器通過像喝醉了小雞HTML喝着在kegger人認爲這是一個很好的前使用表格進行設計的想法......我的意思是爲什麼不把它放在桌子上。

那麼CSS隨着一杯咖啡和一個冷水淋浴，並告訴這些瀏覽器放慢速度。 CSS表示頁面的所有樣式。這允許您的DOM獨立於樣式，並且您的佈局是動態的。我並不需要全面理解CSS是一件好事，但對於表來說，這非常重要。

如果您喜歡瀏覽器將HTML視爲標記，那麼標記實際上應該表示它的內容。在表格中放置一堆圖像並不是一張桌子，它只是一種展示圖像的懶惰方式。

使用CSS，您現在可以使用表格來獲取諸如DataSheets，用戶列表以及您將看到的其他任何內容以及Excel Spread表格。這樣所有的樣式都可以在樣式表中完成。

這並不是說表格不好，現在它們可以用於他們打算用於...表格。

CSS還提供了display: table圍繞它有很多爭論，但我個人認爲這是要走的路，如果你想像桌子一樣的風格，而不覺得像浮動。它允許您在樣式表中像樣式表一樣調整樣式，以便實際上不使用表格元素。

來源

2011-05-12 08:19:01 austinbv

使用div你可以改變所有的設計只改變你的CSS。

您可以先向瀏覽器提供最重要的內容。無論您將要在瀏覽器中展示它的位置都無關緊要，因此機器人（Google）可以查看您的內容中最重要的內容。

表格被認爲代表表格數據，而不是格式化頁面。

該CSS可以讓你的網頁盲人導航器。

來源

2011-05-12 08:19:40 jenkin90

html的CSS設計良好的做法？

回答

相關問題