Div + CSS 該如何學？
目前剛開始上手自學網頁設計 對表格布局有一定基本了解，但聽人說目前的布局都是用 Div + CSS，在網上找了些資料他們大抵是直接用代碼編寫的，這對我這個新手來說實在有些吃不消，想問下有沒有什麼好的適合新手的 Div + CSS 布局入門的學習資料或視頻什麼的啊
好像遇到了兩年前的自己，當時也是在倒騰div加css，在這兒了，給你一個不錯的建議，找個周末，背上電腦，學生呢，可以去圖書館，工作了可以去辛巴克或者其他的咖啡屋，實在不行kfc也可以，去點上一杯喝的，帶上兩本關於html和css的書籍。然後開始學習。不僅學習的氛圍好，而且學習的效率也是非常的高。---------------------------------------------先回答css書籍-------------------------------------------------------------------------我覺得div和css是整個web前端中入門的課程也是最基礎的課程，真的一點都不難，難的話可能就是你沒有掌握好方法。先給你放基本入門的書籍，順手把鏈接也給你放這兒了。自己下載去。
CSS權威指南 第3版.pdf
CSS那些事兒.pdf稍微有點基礎了可以再瞄一眼這個[精通CSS高級Web標準解決方案].CSS.Mastery.pdf個人覺得：div和css就不存在什麼布局的問題。就整個頁面來說，用到的div可能是最多的，但是說到用div來布局感覺還是不到位，所謂的布局就是不斷的去調margin，padding，float，border，position這些東西，這幾個屬性用的好了，布局就簡單輕鬆多了。ps：以上言論，不喜勿噴。----------------------------------------------再來說學習css-------------------------------------------------------------------------好像所有學習web前端開發的都繞不過一個地方，這個地方就是w3cschool在這兒:CSS ?ì3ì按照順序順序吧裡面的屬性都刷一遍。然後刷完了以後，問問自己：css大致有多少屬性，大致可以分為幾個方面，每個方面的用途是干神馬的。
然後對於常用的css屬性對照每一個屬性寫一個demo，你可以把它放到本地，然後如果忘記了的話，也方便去查找。這兒呢，我是要推薦一下web前端自學網站：慕課網。在這兒：慕課網-國內最大的IT技能學習平台最好去註冊一個賬號，然後按照順序一步一步來，你可以在課程-HTML/CSS裡面找到你想要的課程。或許會是這個樣子的。
把上面的任務做完，這個過程我用了三個月（PS:我希望你用的時間不要超過我的），然後仿造了網易雲課堂的首頁，然後邁入了js的坑...不要在html和css這兒耽擱的太久，因為後面的東西會更多而且更精彩。
好了。關於學習css我就說這兒，如果有什麼不懂的問題可以私信我~等你學到js的時候，咱們下個問題見。如果覺得我的問題對你有幫助，請關照我哦。DIV+CSS？別被字面上的意思忽悠了*3。只要理解了盒模型、掌握定位方法就沒什麼問題了內聯元素設置為block或inline-block（具體視情況而定），然後就可以按照塊級元素處理了。塊級元素的width、height、margin、padding。margin指元素間的間隔，允許負值；padding指元素自身向外延展，自己胖的都裝不下了還想設置負值？(●￣(?)￣●)
定位最常用的就是absolute和relative了，
absolute相對於父元素左上角定位，別忘了給父元素設置非static；relative相對於元素當前文檔流位置定位，跑的再遠原先的位置也得給我留著( ￣ー￣)別被字面上的意思忽悠了*3，注意標籤語義化寫代碼寫代碼寫代碼*N _(:зゝ∠)_Learn to code
上w3school 在線教程看看，當你感覺DIV+CSS也就那樣時，再模仿一些網頁寫一下，先不講求兼容性什麼的，能做出來就是好的。當你感覺前端不過如此時，在IE（6、7、8、9、10）、Firefox、chrome下看下你的網頁。如果遭受打擊了，趕緊買幾本書好好補補吧。
在你開始學習之前，建議先閱讀以下幾篇文章：
根本不存在 DIV + CSS 布局這回事
（作者 @Cat Chen ）DIV+CSS 請不要再忽悠人了
好吧，這個看悟性！HTML 和 CSS 本身都不是什麼難的技術。
都上說的都不錯，我也是這麼過來的，總體來說3點
- 先看w3school
- 看亞當的視頻教程（10年左右只有這個是divcss的，其他都是老技術，表格堆的），強烈推薦，現在很難找，但是我保留的有百度網盤。
- 練手。這是一定的。隨便找個網頁，截圖，然後自己切圖重構，只有在練手中才能快速發現問題，通過百度解決問題的過程可以快速提高。
另外弄個個人博客存寫學習筆記，收穫，心得，幫助自己積累。
「DIV+CSS」 這個詞有很大的誤導性，絕對不要這麼說。即使習慣成自然的叫法，也應該強制改正，以免禍害他人。
根據我自己的感受：
一開始，人們根本都不懂為什麼用 div 和 css 而不用 table 的根本原因，看到這種用法外國人用著很酷，就跟著抄來了，以為這就是個發展趨勢，照著學就好了，因為 div 和 css出現的比較多，就隨口叫「DIV+CSS」。然後一直延續至今。
但是，後來人們發現，光用 div 和 css 做出的網頁，根本沒有 table 那樣好用，很多人為了用 div 而使用div 。 最典型的例子：有人為了用 div 而用 div 實現 table 效果。----這種事情我親眼所見，當年學校里的網站就有大牛（成長過程中的大牛）是這麼做的。
事情就是這樣，本來是為了簡化代碼的，但是用 div 實現 table 效果，反倒不如以前方便了。再後來一些人才開始追根溯源，到底為什麼用 div 而不用 table ？
仔細解釋就複雜了，簡單的說，就是：「標籤本來是做什麼的，就應該讓它做什麼」（語義化），而不是「怎麼方便怎麼來」，更不是 「怎麼酷怎麼來」。
就布局來說，
div 就是代表一個區塊，沒什麼特別的意思，不確定的東西都可以用它來做。table 就是天生用來展示數據的，展示數據它是專家，如果用div來做table的事情，顯然很彆扭，很多事情 div 根本做不來。如果光說布局，那麼幾乎任何元素都能做，如果你願意，完全可以不按照任何約定，直接用 &標籤去布局，也沒人攔著。但是你這麼做了之後，誰能理解你的代碼呢？
其實說白了主要就是個約定，之前用 table 布局，純粹就是為了自己方便自造輪子罷了。 div 和 css 這種形式就是對之前的錯誤進行的一種糾正。真正應該起到布局作用的，是 css。跟 div 沒啥關係，只是用的比較多罷了。w3school 在線教程我是看這邊學的。。
看了一樓的回答，想起了之前看到的一篇文章。。說的是根本沒有DIV+CSS之說。。應該是XHTML+CSS
誰告訴我div是什麼語言？
多看，多寫，在網上看到別的網站好的布局，你可以看一下別人是怎樣設置的，然後你再聯繫設置一個
學起來又不難， 多動手寫， 堅持
其實如何學這個都差不多，無非就是多看~多動手。入門的時候多到 W3Cschool 在線教程 和 慕課網(IMOOC)-國內最大的IT技能學習平台 這類型的學習平台去看懂基礎知識，最好能熟悉。理解每一個特性，在對基礎了解透徹後，可以開始著手嘗試模仿一些大型網站的靜態頁面進行學習，學習他們的前端代碼編寫思路。
從入門到放棄
必須找一套系統視頻入門，3大塊，css js html，沒了
我覺得你應該先去了解標籤，然後再學樣式表，接著在布局的時候會遇到瀏覽器兼容性問題，積累，學習。。。keep learn
推薦兩本書，都是一個作者寫的，10年DIV+CSS了，還是老天涯呢。DIV+CSS布局與樣式之網站設計基礎DIV+CSS布局與樣式之網站設計精粹
最近也才開始學這一塊，朋友推薦了這個網站前端教程 - 前端開發網(W3Cfuns)! 他說這裡的文章看完 XHTML+CSS基本沒問題
前面有各位推薦的都是大道理和疏忽披露，是必須明白的。不過也不要太著急，先熟悉CSS以後再明白這些也不晚，不要被各位大神的回答嚇壞了。這裡還有一個前沿視頻課程，講的很贊。CSS/DIV網頁設計視頻教程目錄
隨便推薦幾個吧，自己看過的，都是視頻，還行。
後盾網的，韓順平的，PHP100的。
還有一個學生的視頻，叫盜雪，也還行講的比較基礎，應該還在更新吧。
說白了，div+css掌握的話，真的挺簡單，動手去做，用心的話，要不了多少時間。推薦閱讀：
※網頁設計 零基礎入門難嗎？
※w3school和w3cschool兩個網站有什麼關係和區別？
※大牛們鑒定下我網頁製作的（html Div+css）屬於什麼水平？
※哪些網站適合作為瀏覽器主頁？
※網站設計如何支持 Retina 屏幕？應當注意哪些地方？