溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
知識點預習
1.表格基本使用2.選擇器權重計算
3.背景圖片屬性
4.精靈圖
5.天天生鮮案例
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文件。
2、切圖 通過photoshop對網頁效果圖進行切圖，所使用圖片需要是帶圖層的psd格式。
3、制作雪碧圖 將裝飾類圖片合并成一張圖，然后刪除分散的裝飾類圖片。
4、新建html文件，新建和編寫reset.css
5、參照效果圖，編寫html和css代碼
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
