01-表格(table)基本使用

table:
        tr row 行數
        td description  內容
        th head ;居中 加粗
         /* 3.合並邊框 */
        border-collapse: collapse;

        跨列合並: colspan  找到第幾行的哪個內容, colspan="幾列";多余的刪除
        跨行合並: rowspan  找到第幾行的那個內容, rowspan = "幾行";多余的刪除
 

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

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

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

07-天天生鮮案例
1、創建項目目錄
一般先創建一個總目錄，然後在此目錄中創建images、css、js三個目錄，三個目錄中分別放圖片、css文件以及js文件。

python前端HTML和CSS高級