DIV CSS佈局

你們都知道從平面設計人員拿來的PS（圖片）給CSS重構者重構時，須要對網頁美工圖片進行分析，只有進行很好的分析纔能有CSS佈局。 
所以DIV CSS佈局在分析中佔很大部分，咱們分析網頁美工圖片不是分析圖片好看是否，而是從css佈局出發分析網頁的美工圖片，而CSS佈局分析直接影響之後的css重構html頁面是否好寫的一步。

佈局知識：
DIV+CSS佈局，CSS佈局是網頁html經過div標籤+css樣式表代碼開發製做的（html）網頁的統稱。
div+css佈局好處：便於維護，有利seo（谷歌將網頁打開速度做爲排名因素及SEO因素），網頁打開速度更快，符合web標準等。

製做div+css網頁前思考佈局：
首先咱們拿到一張網頁美工圖片咱們將從上下、上中下、左右、上中（中包括左右）下佈局框架來思考。 
下面經過一個實例講解下CSS佈局分析，咱們以DIVCSS5列表頁面分析css佈局：

首先咱們能夠分析出咱們DIV CSS佈局重構此頁面結構框架，咱們能夠看出是 上、中、下結構，其中又包括了左右結構。

由此咱們就要寫此頁面CSS和html時候就先從上到下 從外到內原則寫css與html。