本节简介:商业案例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