咱們首先來搭建一下整體的大結構：
效果如下：
每一塊呢，都是使用div塊做的，並不難理解
除了頭部之外，每一塊都是外面乙個大的div,裡面再包乙個小的div，也就是所謂的通欄和版心（由於個人問題，版心設定了兩個寬度的，大家可以根據個人需求來設計）
html**如下所示：
頭部
2.2億註冊會員
優質會員
藍色服務
底部1底部2
底部3
*
.center
.center2
body
/* 頭 */
.new_header
/* 註冊 */
.new_user_reg
/* 會員數量 */
.new_publicist
.new_publicist .publicist
/* 優質會員列表 */
.new_userbest
.new_userbest .userbest
/* 紅娘 藍色服務*/
.blueservice
/* 底部1 */
.jy_commen_foot
.jy_commen_foot .foot1
/* 底部2 */
.foot_company_info
.foot_company_info .foot2
/* 底部3 */
.other_icon
在這裡呢，設定固定的高度是為了能夠新增上顏色，布局結構更加清晰一些，後期會視情況去掉高度，使用內容撐開。
PC端網頁布局 世紀佳緣（三）頭部
來看頭部，做好的效果圖如下 接下來就進入主題吧 先來分析一下 有兩張，乙個填寫賬號密碼和登入按鈕的登入框，其他登入方式，因為海外登入方式與前面純圖示的不太一樣，這裡又是只做了個大致的樣式，所以就把海外使用者登入與忘記密碼做在了乙個大div塊中，大家可以按照自己的想法自行修改 很明顯，除了，後面的內容...
rem布局實現pc端網頁自適應
首先，將html的font size設定為100px,方便計算然後將body的font size設定為正常值，例如 12px,不然其他的dom都會繼承html的font size，導致效果差距巨大，再在index.html頁面中寫動態設定font size字型大小的js 當瀏覽器發生變化的時候，內容...
PC端網頁特效
動態得到相關元素的位置 大小 1.獲得元素距離帶有定位的父元素的位置 2.獲得元素自身的大小 返回的數值都不帶單位 offsettop 可以得到元素的偏移 位置 返回的不帶單位的數值 offsetleft offsetwidth 可以得到元素的大小 寬度和高度 是包含padding border w...