右側內容尺寸為1126px即1366px設計稿_200px側導航_40px內容左右兩邊20的間距搜索輸入框尺寸160px*32px，表單輸入框320px*32px按鈕80px*32px或者64px*32px 圖標小圖標16px*16px 三組件間距頁面元件間。

CSS3Ps是一款PS圖層轉換軟件，可以將圖層轉換為能在瀏覽器中查看的CSS3代碼，方便直接在設計軟件中添加相關的設計程序其操作過程很簡單，通過鼠標簡單的操作就能完成轉換任務轉換的時候，可以選擇單個或多個圖層，并通過點擊轉換實現(xiàn)批量處理。

所針對網頁設計，要求你熟悉和掌握Web端設計的規(guī)范，了解網站基本架構和柵格化布局，重點掌握企業(yè)站界面設計規(guī)范和輸出規(guī)范，且能夠根據(jù)企業(yè)真實需求設計頁面掌握網頁中的版式設計構圖排版網頁中的色彩文字圖片搭配，掌握企業(yè)站首焦圖的設計。

據(jù)統(tǒng)計，目前 PC 端用戶屏幕分辨率占比排名前三的是 1920*10801366*7681440*900，以 1440 來設計的話，向上適配或者向下適配誤差會比較小 適配方案面向多個客戶，后臺產品設計功能型頁面的尺寸統(tǒng)一為 1440*900，按照柵格系統(tǒng)原則向上。

減掉左右兩邊7px的邊框，網頁的實際大小為上圖中的紅色部分，高寬為 960 x 650 有趣的960就這樣出現(xiàn)了是的，可以認為一切就這么簡單柵格系統(tǒng)最早出現(xiàn)在平面設計領域，設計師們愛用蘋果，蘋果下瀏覽器的默認寬度為960px， 于是960就。

雙欄布局，三欄布局在網頁設計中，分欄布局是常用的布局手法，一般有雙欄布局，三欄布局這其中又以部分欄固定，部分欄自適應的方式最為常見雙欄布局是最常見的布局之一，三欄布局最常見的就是左右定寬，中間自適應的。

做界面設計會先依附于一個尺寸，由于內容的多少是不確定的，所以高度我們沒有辦法定死，但內容區(qū)的寬度是可以定的，sketch給我們的默認屏幕寬度是960，網頁設計中最受歡迎的一個尺寸簡單來說就是整個界面縱向被分為幾欄。

bootstrap 柵格化，具體去bootstrap官網全局css樣式查查，導航欄也有。

網頁柵格系統(tǒng)研究4技術實現(xiàn) experience239html 參考資料html？si=1。