切图的必要步骤

Posted sycamore0802

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了切图的必要步骤相关的知识,希望对你有一定的参考价值。

1.写一个reset.css,清除页面原有边距,清除列表标签格式

*{
    margin: 0;
    padding: 0;
}
ul,ol{
    list-style: none;
}

2.对应html页面,规划好有哪几块内容,确定哪些有表芯(margin:0 auto;)

3.对应页面的style.css中,先可以写好清除浮动,将边框包含进元素宽高

.clearfix::after{
    content: "";
    display: block;
    clear: both;
    zoom: 1;
}
.box{
    box-sizing: border-box;
}

 

以上是关于切图的必要步骤的主要内容,如果未能解决你的问题,请参考以下文章

Sketch切图的正确姿势

ps切图技巧

前端开发使用Photoshop切图详细步骤

做一个会切图的前端

做一个会PS切图的前端开发

如何使用PXCOOK(像素大厨)切图