當你拿到乙個頁面的時候，先不要著急去做，先構思後動手…
什麼是版心寬？
也就是你頁面中 主體內容都基本在這個圖中紅線裡，看看下面這個頁面：
明顯也有版心寬，所以當你(小白)動手畫的時候，先去量一下版心寬。用ps軟體的輔助線去量！裡面的每個版塊的高度也要量出來方便後面寫**。
首先，觀察這個頁面的每個版塊所代表的內容，給每個版塊取乙個中文注釋方便自己到時候找bug
這樣區分開來，就很一目了然，知道每個版塊該做什麼。（css樣式也同步）
當然，在css裡，你也可以加上背景顏色來區分幫助你好寫**：
比如我 設版心寬為1000px; ：
css樣式：
出來的頁面：後面的就如法炮製，先弄出個框架再新增內容，這樣，畫頁面就非常簡單了。
bye~
網頁布局基礎
網頁製作的基礎，在w3c盛行的今天 div css 布局網頁 布局分為 流式布局 浮動布局 絕對定位布局 涉及標準文件流 盒子模型 float屬性 position屬性 1.自動居中 列布局 盒子模型的使用方法 2.浮動布局 float屬性來實現上中下布局和橫向兩列甚至多列布局，解決浮動影響的常用方...
網頁布局基礎
由全球資訊網聯盟指定的一系列標準，包括 機構化標準語言 html和xml 表現標準語言 css 行為標準語言 dom和ecmascript w3c標準倡導結構 樣式 行為分離。css中存在3中定位機制 1 標準文件流 normal flow 特點 從上到下，從左到右，輸出文件內容 由塊級元素和行級元...
網頁布局基礎
1 css 規定的定位機制有三種，分別是 標準文件流 normal folw 浮動 floats 絕對定位 absolute positioning 2 w3c標準 由全球資訊網制定的一系列標準，包括 結構化標準語言 html和xml 表現標準語言 css 行為標準語言 dom和ecmascript...