如果說老式的純HTML構建網頁是用表格布局,那麼CSS+div的方法主體思路是怎樣的?

自學菜鳥,目前僅能用純HTML的方法構建頁面

之前跟的一個老師說過,要想學好CSS+DIV的精髓,就先得從老的笨的方法中掙扎過才行

so,在基礎知識中掙扎了半個月,感覺是時候開始著手仿一些網站試試成果了

新手勿噴,希望大牛能指條明路


請遠離這個老師。。。


都知道table即是表哥,生活中所應用的表哥的例子真是太多太多了,只要大表哥套著小表哥,小表哥牽著小小表哥,就很容易很快捷地構成出豐富多彩的頁面效果。有的表哥被用做財務報表,有的表哥被派去調查外來務工人員。。。當然也有題主所說的被用來做網頁的。。。總之表哥家族太龐大了,生活離不開表哥。

然後再龐大的表哥家族也總是有缺點的,表哥們的最大缺點就是累贅笨重,特別被用來開發需要經常更新的項目(比如網頁),誰TMD要敢動小表哥一下大表哥絕對不會輕饒!表哥家族因為團結友愛辦事快捷的優點,這時候竟然變成阻礙其發展壯大的絆腳石。

上帝欲令其滅亡,必先令其瘋狂

div+css的思想是完全脫落表格的(題主真的可以遠離那個老師),也就是說帝阿慰和表哥家族是沒有半點血緣關係的。迄今為止表哥仍然堅守著自己的崗位,帝阿慰也只是干著帝阿慰的事情,顯然「因為布局靈活、改動方便、瀏覽器的不斷升級」帝阿慰已經蠶食曾被表哥佔領的互聯網界的大半江山。

論其思路,帝阿慰有個深居簾後錘簾聽政夫人叫CSS(層疊樣式表),縱使帝阿慰在互聯網界在叱吒風雲,如果離開這位夫人也是個落腳蝦。CSS有時候也會和帝阿慰同台共戲(嵌入式),但是大多數是在簾後攪動風雨操縱局面(鏈入式)。帝阿慰就像一個一個盒子一樣(盒子模式)聽信CSS的調配顯示。

margin-left:1px;向右走一步。


完全沒有必要。。


試試codecademy這個網站吧,認真看看左邊的tips里的說明,不要跳。我花了半個月把裡面的HTML,CSS,jquery課程學完了,覺得這些全部都是基礎...HTML構建頁面更是基礎中的基礎。

在此過程中,因為都是一些語法基礎,我沒有去考慮什麼「方法」,全程跟著codecademy的課程安排走,只做了點筆記,避免時間長了一些element、tag的用法忘了。

我也只學了半個月,沒覺得CSS有什麼玄乎,只是讓我style頁面更方便(課程提到還可以通過一套CSS來style多個類似的HTML頁面,還沒具體操作);div也只是把一整個頁面div成多個塊而已...從字面也很好理解它們:Cascading Style Sheets和divide...

有時候,並不是我們不勤奮,而是教材/老師真的太差。

如果對codecademy感興趣,我覺得我們可以一起學。


你使用電腦是不是得從DOS過渡到現在你才心安?我覺得老師的意思是說:你只有知道現在用表格布局有什麼弊端才會讓你知道DIV+CSS布局的方便所在。沒吃過苦,不曉得甜。


上慕課網搜索禪意花園


推薦閱讀:

CSS 偽元素有哪些不得了的用法?
剛開始學HTML5 + CSS,用什麼軟體好?
知乎的登錄首頁背景動畫是怎麼做到的?JS還是CSS3,求教
如何看待《css權威指南》 (第三版) 中提到的 「HTML可能會逐步被XML所取代」 ?
新組建的前端團隊如何選擇前端框架方案?

TAG:網頁設計 | 前端開發 | CSS | AdobeDreamweaver |