知識點預(yù)習
1.表格基本使用2.選擇器權(quán)重計算
3.背景圖片屬性
4.精靈圖
5.天天生鮮案例

為定遠等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及定遠網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為做網(wǎng)站、網(wǎng)站設(shè)計、定遠網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

01-表格(table)基本使用

table:
        tr row 行數(shù)
        td description  內(nèi)容
        th head ;居中 加粗
         /* 3.合并邊框 */
        border-collapse: collapse;

        跨列合并: colspan  找到第幾行的哪個內(nèi)容, colspan="幾列";多余的刪除
        跨行合并: rowspan  找到第幾行的那個內(nèi)容, rowspan = "幾行";多余的刪除

表格案例03-選擇器權(quán)重計算
層級選擇器累加權(quán)重值
權(quán)重較高會覆蓋較低的
權(quán)重相同時后寫的會覆蓋前面的

連寫 background: url("images/bg.jpg") no-repeat 0px 0px green;

05-背景圖案例06-雪碧圖(精靈圖)案例
使用精靈圖的原因？
圖像精靈（Image Sprites）
圖像精靈是放入一張單獨的圖片中多個小圖像。包含大量圖像的網(wǎng)頁需要更長時間來下載，同時會生成多個服務(wù)器請求。 使用圖像精靈將減少服務(wù)器請求數(shù)量并節(jié)約帶寬。

07-天天生鮮案例
1、創(chuàng)建項目目錄
一般先創(chuàng)建一個總目錄，然后在此目錄中創(chuàng)建images、css、js三個目錄，三個目錄中分別放圖片、css文件以及js文件。
2、切圖 通過photoshop對網(wǎng)頁效果圖進行切圖，所使用圖片需要是帶圖層的psd格式。
3、制作雪碧圖 將裝飾類圖片合并成一張圖，然后刪除分散的裝飾類圖片。
4、新建html文件，新建和編寫reset.css
5、參照效果圖，編寫html和css代碼