1早像、 css js文件位置
在開(kāi)發(fā)網(wǎng)頁(yè)時(shí)僻肖，將css放置在頁(yè)面的header里，js不管是外部引入的或嵌入的js片段都應(yīng)放在頁(yè)面的尾部（</body>前面）卢鹦。
因?yàn)轫?yè)面在加載時(shí)臀脏，css加載是可以并發(fā)請(qǐng)求 的（同頁(yè)面中的圖片，ie6除外）冀自，而js加載時(shí)需要等待一個(gè)js文件加載完成后才加載其他資源揉稚，為了頁(yè)面的快速呈現(xiàn)，放置在尾部效果較好凡纳。
2、布局： 行內(nèi)元素帝蒿，塊級(jí)元素的居中荐糜；margin，padding；
- 塊級(jí)元素
塊級(jí)內(nèi)容跟則是由塊級(jí)元素構(gòu)成暴氏，div是最常用的塊級(jí)元素延塑，元素樣式的display:block都是塊級(jí)元素。 - 總是以一個(gè)塊的形式表現(xiàn)出來(lái)答渔，并且跟同級(jí)的兄弟塊依次豎直排列关带，左右撐滿(mǎn)。
- 高度沼撕，行高以及外邊距和內(nèi)邊距都可控制宋雏；
- 寬帶始終是與瀏覽器寬度一樣，與內(nèi)容無(wú)關(guān)务豺；
- 它可以容納內(nèi)聯(lián)元素和其他塊元素磨总。
- 行內(nèi)元素
行內(nèi)內(nèi)容是說(shuō)由行內(nèi)元素組成的內(nèi)容，比如 span元素笼沥，iframe元素和元素樣式的display:inline的都是行內(nèi)元素蚪燕。 - 元素會(huì)在一條直線上排列顯示，都是同一行的奔浅，水平方向排列
- 高馆纳，行高及外邊距和內(nèi)邊距部分可改變；
- 寬度只與內(nèi)容有關(guān)汹桦；
- 行內(nèi)元素只能容納文本或者其他行內(nèi)元素鲁驶。
注意
- 對(duì)行內(nèi)元素，需要注意如下：
- 設(shè)置寬度width無(wú)效营勤。
- 設(shè)置高度height無(wú)效灵嫌，但是可以通過(guò)line-height來(lái)設(shè)置。
- 設(shè)置margin 只有左右margin有效葛作，上下無(wú)效寿羞。
- 設(shè)置padding 只有左右padding有效，上下無(wú)效赂蠢。注意元素范圍是增大了绪穆，但是對(duì)元素周?chē)膬?nèi)容是沒(méi)影響的。
- IE6/7及IE8混雜模式中虱岂，text-align:center可以使塊級(jí)元素也居中對(duì)齊玖院。其他瀏覽器中，text-align:center僅作用于行內(nèi)內(nèi)容上第岖。
解決方法：為所有需要相對(duì)父容器居中對(duì)齊的塊級(jí)元素設(shè)置“margin：0 auto”难菌。但這個(gè)方式 IE6/IE7/IE8的混雜模式中不支持，所以還要設(shè)置父容器的 “text-align:center;”蔑滓。若居中對(duì)齊的子元素內(nèi)的行內(nèi)內(nèi)容不需要居中對(duì)齊郊酒，則還需要為其設(shè)置“text-align:left”遇绞。
3、定位： absolute燎窘，relative摹闽，static，fixed的區(qū)別褐健。付鹿。。
- static(靜態(tài)定位)
默認(rèn)屬性蚜迅，沒(méi)有特別的設(shè)定舵匾，遵循基本的定位規(guī)定，不能通過(guò)z-index進(jìn)行層次分級(jí)慢叨。 - relative(相對(duì)定位)
相對(duì)于父元素的定位纽匙，對(duì)象不可層疊、不脫離文檔流拍谐，參考自身靜態(tài)位置通過(guò) top,bottom,left,right 定位烛缔，并且可以通過(guò)z-index進(jìn)行層次分級(jí) - absolute(絕對(duì)定位)
相對(duì)于父元素的定位，脫離文檔流轩拨，通過(guò) top,bottom,left,right 定位践瓷。選取其最近一個(gè)最有定位設(shè)置的父級(jí)對(duì)象進(jìn)行絕對(duì)定位，如果對(duì)象的父級(jí)沒(méi)有設(shè)置定位屬性亡蓉，absolute元素將以body坐標(biāo)原點(diǎn)進(jìn)行定位晕翠，可以通過(guò)z-index進(jìn)行層次分級(jí)。 - fixed(固定定位)
相對(duì)于父元素的定位砍濒，這里所固定的參照對(duì)像是 可視窗口 而并非是body或是父級(jí)元素淋肾，其總是固定在瀏覽器窗口的某個(gè)位置，并且不受滾動(dòng)的影響爸邢，是絕對(duì)的坐標(biāo)定位樊卓。可通過(guò)z-index進(jìn)行層次分級(jí)
