宣传页项目实战
编辑器:sublime text3 标注工具:PxCook 切图工具:PS 开发前准备:设计图标注 PxCook 空格键可以上下拖动 大致标注图纸:(可惜不能文字标注和拉参考线) 开发前准备:PS切图 在指定图层上新建一个图层,使用ctrl+e 合并图层,可以将任意图层转为普通图层 (如果图层是下面图层的剪贴图层,可以把该图层移动到新建图层的上面再合并) (如果图层羽化较多,ctrl+enter无法选中,则直接ctrl+c) ctrl+enter 框选需要的图层内容 ctrl+c 复制图层 ctrl+n 新建画布 ctrl+v 黏贴,隐藏掉背景图层 存储为web所用格式,jpg或者png24 开发前准备(雪碧图) 我用的软件是:CssGaga 将phone1-phone4四张小图生成一张雪碧图 提供图片以及css位置 静态页面开发 文字距离容器左边一定位置: padding-left 或者 text-indent padding-left 设置的宽度,需要在width 中减去;而text-indent 不用 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale