版心
頁面的可視區(qū),通過測量獲取

版心.png
第一準則
分析頁面中行模塊,以及行模塊中的列模塊

第一.png
第二準則
一行中的列模塊經(jīng)常浮動布局,先確認每個列的大小后確認列的位置

第二準則.png
結(jié)構(gòu)
制作HTML結(jié)構(gòu),我們還是遵循,現(xiàn)有結(jié)構(gòu),后有樣式的準則,結(jié)構(gòu)永遠最重要
布局結(jié)構(gòu)
先理清楚布局結(jié)構(gòu),再寫代碼,尤為重要,需要多寫多積累