1.讓一個(gè)div在頁面中水平垂直居中

成都創(chuàng)新互聯(lián)公司2013年至今，先為合川等服務(wù)建站，合川等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為合川企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

1>position:absolute;  (當(dāng)頁面出現(xiàn)滾動條的時(shí)候，用fixed)
    top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
2>position:absolute；
    top：50%；
        left:50%;
        translate:(-50%,-50%)

3>display:flex;
    justify-content:center;
        align-items:center;

2.左邊固定，右邊滾動

div.left{
    width:200px;
        height:300px;
        background:#ff0;
        float:left;
}
div.right{
        height:300px;
        background:#f00
        overflow:hidden;
}

3.雙飛翼布局

div.left{
    width:200px;
        height:300px;
        background:#ff0;
        float:left;
}
div.right{
        width:200px;
        height:300px;
        background:#ff0
}
div.main{
   height:500px;
     background:#f00;
     overflow:hidden;    //可以觸發(fā)bfc 塊級格式化上下文 可以解決子元素浮動 父元素高度塌陷問題  渲染規(guī)則：浮動元素也參與高度計(jì)算
}

4.文字內(nèi)容多

640的設(shè)計(jì)稿需要在320的設(shè)備上去顯示，因?yàn)樘O果手機(jī)4的dpr:2
vw:視窗寬度的百分比 1vw = 設(shè)備寬度的百分之一
如果640的設(shè)計(jì)稿需要在320的設(shè)備上顯示，那么1vw = 320的百分之一，即1vw = 3.2px

rem:根據(jù)html標(biāo)簽的font-size計(jì)算

em：根據(jù)父元素的font-size計(jì)算

ie6雙邊距問題（給浮動的元素添加display:inline）ie6(overflow:hidden;fontsize:0;)

頁面插入圖片默認(rèn)向下?lián)未?像素問題 (img:display-block/vertical-align:top)

超鏈接加載的圖片在ie中都會解析出邊框問題 將img設(shè)置 border:none;

圖片垂直居中 img(vertical-align:middle;) span(display:inline-block;vertical-align:middle;overflow:hidden;width:0;height:100%;)

移動端1px邊框解析時(shí)會顯示2px問題的解決方式，用縮放去實(shí)現(xiàn)

如果！Doctype html 不存在 會發(fā)生什么 ie8以下會觸發(fā)怪異盒模型，怪異盒模型的實(shí)際寬高就是 我們設(shè)置的width/height(會將border padding計(jì)算在寬高里)

img標(biāo)簽中alt 和 title屬性都有利于seo優(yōu)化，alt是當(dāng)圖片不存在或者路徑錯誤的時(shí)候顯示alt內(nèi)容 title是鼠標(biāo)放在圖片上時(shí)顯示title內(nèi)容

你寫頁面的時(shí)候會從哪些方面考慮頁面優(yōu)化？
1.超鏈接最好用文本，不同flash動畫或圖片熱區(qū) 圖片alt和title都要添加，對于一些沒有意義的小圖也要添加 alt = "" title ="" 圖片整合（雪碧圖）
2.代碼結(jié)構(gòu)清晰

pointer-events:none; 屏蔽鼠標(biāo)事件

如果不想內(nèi)容跟著區(qū)域一起透明
1.把背景顏色用rgba()設(shè)置
2.用定位 背景和內(nèi)容單獨(dú)出來