本節簡介:商業案例logo及導航條區域的制作,包括鼠標移入時導航條表框,文字顏色的變化以及項目分割線的制作。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
line-height 減去邊框厚度,可解決hover后字體跳動的問題
切圖:ctrl+選擇中需要圖層,右鍵轉化為智能對象,雙擊圖標打開,存儲為web所用格式
ps里面選中多個圖層右擊轉化為智能對象,雙擊透明圖像存為web格式,選png-24存儲
border-top:1px soid:XXX頂部加一條線
link rel=‘’stylesheet‘’ herf=‘’css/style.css‘’
header頭部 nav導航條 banner海報 about關于我們 pro產品展示 news新聞中心 footer底部區域
圖片做透明,轉換為智能圖像,后雙擊此圖層,確認后自動進入此層單獨頁面,保存為高品質60
圖片做透明,轉換為智能圖像,后雙擊此圖層,確認后自動進入此層單獨頁面,保存為高品質60
什么是 預覽方式:Google Chrome.DZSQ6MXESA5POWE54TQXAE4A4 F12