我有網頁設計的基本知識，如果我想學習DIV CSS，我不知道從哪裡開始

實踐是檢驗一切的真理。

在當前新一波的 Web 2 0 中，一切都基於 Web 標準。 本書是關於如何基於 Web 標準設計和重構布局的乙個很好的例子

本書基於示例，並逐步告訴您如何開始新的 Web 標準 CSS 布局設計。 由於CSS布局設計與傳統的**布局有著根本的不同，因此本書重點介紹如何改變思維方式和實際操作方式。

本書共分10章，內容是Web標準與CSS布局、CSS元素、CSS布局與布局、XHTML與CSS驗證、瀏覽器解析與CSS相容性、CSS視覺化開發示例等，示例實用而透徹

本書作者是國內第乙個採用Web標準的國內第乙個大規模**（Flash Empire）的實現者，也是國內最早的Web標準的參與者。

本書內容豐富，注重思維方法和實際應用，適合想要使用Web標準重構原始網頁的初級和中級網頁設計愛好者和專業網頁設計師，是任何**開發相關人員手中不可或缺的資訊。

本書特色：目前，web標準的浪潮已經席捲了國內的設計領域，許多設計師已經開始學習和應用web標準。 通過示例，我們將逐步向您展示如何開始乙個新的、符合 Web 標準的 CSS 布局設計。

重點是如何改變思維方式以及如何實際做到這一點。 力爭與您合作，以最簡單的方式進行網頁設計的各個方面，以CSS布局為主要內容，CSS布局入門知識和高階技能等，從布局布局到詳細設計再到瀏覽器相容性，逐步學習和掌握CSS布局。 希望能幫助讀者改變傳統的設計思維，進入基於Web標準的網頁設計領域

所謂div+css就是圖層加樣式表，之前用的表格是單層的，白點相當於乙個平面，div相當於3D，當然這只是乙個比喻，如果你想學，就去了解div和css，光看書就沒用了，去看看別人都做了什麼**，然後自己動手把別人的**修改成自己想要的效果，基本可以掌握

製作網頁，從複製到修改，再到自己設計，都是如此。

我會負責任地告訴你，HTML5是未來的主流發展方向和趨勢，這絕對沒有問題，但是現在國內web領域的現狀是Windows XP和IE6占多數，這是很中國特色的。 因為這種情況，你學習HTML5而不能應用到實際使用上，因為國內大多數使用XP和IE6的網民都不相容HTML5，除非你開發乙個單獨的HTML5版本，然後再為IE6等使用者開發乙個單獨的版本，但據我所知，這個**還沒有遇到過， 而目前國內大部分**開發還是需要考慮IE6的。

說實話，IE6是網頁設計師最討厭的，你應該最了解它。 IE6何時會被使用者徹底拋棄，中國何時才能看到HTML5的曙光。

回到正題，如果你精通div+css，那麼學習html5就沒有難了，他們都是同乙個兄弟，都是有html基因的東西，不像html和c語言，它們是天壤之別。

這門課程其實挺容易學的 我女朋友現在正在學習這個 去網上搜尋 itxsk 武漢培訓中心頗有名氣 他們擁有國內先進的課程體系 絕對是提公升自我的最佳選擇 所有學生檔案都會儲存在學校人才庫中， 在知名公司實習不再是夢想。

這並不難，更何況你還是老師，熟悉一下就行了。 不過，似乎 H5 還沒有被廣泛推廣，使用舊瀏覽器（不支援 H5）的使用者仍然佔大多數，H5 在未來會成熟。

這並不難，只是標準不同，學會了標準，你就能寫出來，一般的事情不會改變。 相信自己可以學好。

HTML5 沒有太大的困難，有一些基於 HTML 的創新和改進。

了解 div+css，然後學習 html5 並不難 html5 是全球資訊網的核心語言，是超文字標記語言（html）應用下第五大修改產品，有之前的 html + css 學習基礎，然後學習 html5 會更容易上手。

HTML5 增加了很多新的元素和功能，比如：圖形繪圖、多內容、更好的頁面結構、更好的表單處理，以及幾個 API 拖放元素、定位，包括 Web 應用程式快取、儲存、Web Worker 等。

擷取 HTML5 技術概述的螢幕截圖]。

推薦 div+css 與濫用 div 並不衝突。

你首先要明白濫用div是什麼意思：

虐待是由於許多人學得不好或不動腦筋。

讀完教程和書後，當我從書中移開東西時，我無法轉過頭來。

現在的書和教程質量也很差，也是拼湊起來的，誤導了很多人。

濫用示例：

做乙個搜尋表單或者導航欄，根據設計效果，可以直接在這個表單的表單或者導航的ul上使用CSS來實現，施虐者想去表單外面加乙個div來覆蓋表單。

網頁的內容區應盡可能根據語義和段落用H、P等各種標籤來表示，這些標籤上應該使用CSS，而濫用者則使用div來包含這些內容。

其實，濫用無非是兩個要點：

由於對 CSS 和 HTML 的掌握不佳而編寫的隨機巢狀 div 或其他標記、冗餘標籤。

不需要語義標籤，一切都包含在 div 和 span 中。

使用推薦沒有錯，要避免以上幾點，首先要精通HTML和CSS;

網頁內容區中的文字段落 1

網頁內容區中的文字第2段

然後我就進去了。 user-zone，編寫樣式來控制 p、h、a 等 div 下的縮排、寬度、字型大小、顏色等東西。

根據我上面所說的沒有濫用，似乎CSS應該直接寫在p之上來控制自己的風格，而div是多餘的，應該被del。

網頁內容區中的文字段落 1

網頁內容區中的文字第2段

當你直接在 P 上寫乙個樣式時，客戶不會在其中輸入 P，它會控制放屁。

這時在外面加乙個div，雖然P的css無效，但至少可以控制文字行高、鏈結、字型大小等，這樣整個頁面就不會太難看。

這個看似多餘的 div 是否被濫用取決於你如何理解它，幽靈知道客戶會在不清除單詞格式標籤的情況下從 word 中複製什麼，至少你仍然對多個 div 有一半的控制權。

過去都是布局，這樣的布局雖然容易實現，但也會讓布局和風格緊密結合，使維護更加困難。 因為，如果要改變頁面的樣式，就必須修改HTML的結構，工作量很大，容易出錯。 如今，結構複雜，使用表格時需要巢狀很多層，這會讓人感到困惑。

但是，使用 div+css，布局樣式是完全分開的。 使用 CSS 就像用一根細線操縱乙個木偶。 只要你的 div 布局設計得當，大多數樣式更改都不需要改變 HTML 的結構。

您可以輕鬆交換兩個 div 的位置，但布局不是。

使用 div+css，可以很容易地操作 DOM 結構。 現在互動越來越好，用了很多js特效。 然而，移動乙個**細胞會破壞整個**結構，更不用說任何特殊效果了。

該用的時候用**。 固有的**資料，如果用div，當然是濫用。

因為div+css在**的布局和布局中起著很大的作用，所以主要是容易包含搜尋引擎。 當然，過火也不好，過度濫用div會造成**不簡潔，對搜尋引擎不友好，影響**的質量。 學習div+css主要靠堅持，多讀這門課的書籍，參考別人的例子。

二是去一些學習**看看。 學習任何事情都不是一蹴而就的，我希望你將來能成功。

1、先了解HTML和CSS，並遵循W3School（盡可能記住不同的CSS樣式和HTML）;

2、盡量做一些常用頁面，比如登入註冊、**等;

3.開始習慣使用不同的瀏覽器，習慣使用評論工具，並觀察它們的差異（同時了解相容性問題）;

4.然後嘗試模仿一些頁面的布局，比如WordPress個人部落格的布局，以及門戶頁面或**產品列表頁面等複雜的布局;

5. 接下來是熟能生巧。

以上僅供參考，不同的人的學習方式和效率是不同的，你應該選擇適合自己的。

先學 Table 再學 Table+CSS，再有經驗，有轉換 Div+CSS 的經驗後，再學 Inline-Block，再學 HTML5 CSS3。