將Web頁面的結構和樣式分離使代碼簡潔

今天在學習網頁佈局是遇到了一個簡化佈局代碼的例子，在這裏記錄一下。W3C標準倡導的是結構、樣式、動做三者分離，咱們在製做網頁時應該牢記這一思想。所謂結構於樣式分離，是指在實現網頁時，不要將html與CSS外觀混在一塊兒考慮，而是先考慮html結構的完成，再用CSS進行佈局。例如要實現以下一個微博發言框，html 若是先從CSS進行考慮的話，咱們第一直覺是將發言框分爲左右兩個div，總體包在一個di

>>阅读原文<<