一.搭建網(wǎng)頁基本流程
分析網(wǎng)頁結(jié)構(gòu)甚疟，創(chuàng)建box
在css中清除默認(rèn)樣式 *{margin：0； padding：0逃延；}
統(tǒng)一頁面中的字體览妖， body { font:12px/1宋體}?
設(shè)置box的大小。注意揽祥，外邊框的box的高度可以不設(shè)定讽膏，通過子元素把box父元素?fù)伍_。
常用樣式：
設(shè)置居中：margin：0px auto
行高：line-height：36px
字體/行高：{ font： 14px/36px “微軟雅黑”盔然；}
快捷創(chuàng)建box? ：? div.box$*3 →然后再按tab桅打，可更改box數(shù)數(shù)量
二.相對定位（position：relative）
定位：定位指的是將指定的元素?cái)[放到頁面的任意位置是嗜，通過定位可以任意 的擺放元素
通過position屬性來設(shè)置元素的定位
可選值：
static：默認(rèn)值愈案，元素沒有開啟定位
relative：開啟元素的相對定位
absolute：開啟元素的絕對定位
fixed：開啟元素的固定定位（也是絕對定位的一種）
當(dāng)元素的position屬性設(shè)置為relative時(shí)，則開啟了元素的相對定位
特點(diǎn)：
1.當(dāng)開啟了元素的相對定位以后鹅搪，而不設(shè)置偏移量時(shí)站绪，元素不會(huì)發(fā)生任何變化
2.相對定位是相對于元素在文檔流中原來的位置進(jìn)行定位
3.相對定位的元素不會(huì)脫離文檔流
4.相對定位會(huì)使元素提升一個(gè)層級(jí)
5.相對定位不會(huì)改變元素的性質(zhì)，塊還是塊丽柿，內(nèi)聯(lián)還是內(nèi)聯(lián)
當(dāng)開啟了元素的定位（position屬性值是一個(gè)非statice的值）時(shí)恢准，可以通過left right top bottom 四個(gè)屬性來設(shè)置元素的偏移量。
left ： 元素相對于其定位位置的左側(cè)偏移量
right：元素相對于其定位位置的右側(cè)偏移量
top：元素相對于其定位位置的上邊的偏移量
bottom：元素相對于其定位位置下邊的偏移量
通常偏移量只需要使用兩個(gè)就可以對一個(gè)元素進(jìn)行定位甫题，一般選擇水平方向的一個(gè)偏移量和垂直方向的偏移量來為一個(gè)元素進(jìn)行定位馁筐。
三.絕對定位（position：absolute）
當(dāng)position屬性值設(shè)置為absolute時(shí)，則開啟了元素的絕對定位
絕對定位特點(diǎn)：
1.開啟絕對定位坠非，會(huì)使元素脫離文檔流
2.開啟絕對定位以后敏沉，如果不設(shè)置偏移量，則元素的位置不會(huì)放生變化
3.絕對定位是相對于離他最近的開啟了定位的祖先元素進(jìn)行定位的（一般情況，開啟了子元素的絕對定位都會(huì)同時(shí)開啟父元素的相對定位）盟迟。如果所有的祖先元素都沒有開啟定位秋泳，則會(huì)相對于瀏覽器窗口進(jìn)行的定位
4.絕對定位會(huì)使元素提升一個(gè)層級(jí)
5.絕對定位會(huì)改變元素的性質(zhì) ，內(nèi)聯(lián)元素變成塊元素攒菠，塊元素的寬度和高度都被內(nèi)容撐開
四.固定定位（position：fixed）
當(dāng)元素的position屬性設(shè)置fixed時(shí)迫皱，則開啟了元素的固定定位
固定定位也是一種絕對定位，它的大部分特點(diǎn)都和絕對定位一樣
不同的是：
1.固定定位永遠(yuǎn)都會(huì)相對于瀏覽器窗口進(jìn)行定位
2.固定定位會(huì)固定在瀏覽器窗口的某個(gè)位置,不會(huì)隨滾動(dòng)條滾動(dòng)辖众。
五.元素的層級(jí)
如果定位元素的層級(jí)是一樣的卓起，則下邊元素會(huì)蓋上上邊的
通過z-idenx屬性可以用來設(shè)置元素的層級(jí)，可以為z-index指定一個(gè)正整數(shù)作為值凹炸，該值將會(huì)作為當(dāng)前元素的層級(jí)既绩，層級(jí)越高，越優(yōu)先顯示
z-index：1还惠；
對于沒有開啟定位的元素不可以使用z-index
父元素的層級(jí)在更高饲握，也不會(huì)不會(huì)蓋住子元素
六.Opacity
設(shè)置元素的透明背景，opacity可以用來設(shè)置元素背景的透明蚕键，它需要一個(gè)0-1之間的值救欧，0表示完全透明，1表示完全不透明锣光。
