blog切图仔的一点工作心得0误打误撞磨刀不误顺手的编辑器（比如你调过的st3）或者IDE（比如Hbuilder、webstorm）可以很好用大大提高你的工作效率。调试功能强大、符合规范的浏览器（Chrome！）。明确浏览器兼容性要求，想清楚什么可以用，什么应该用。足够快的计算机。学习更多，做更多，拥有坚实的代码基础。1PSD当你从美工那里拿到PSD文件后，不要急于敲字，仔细阅读，思考如何构建html结构，哪些元素可以被复用，如何实现一些效果。如果美术师在绘图时能够清楚地标出命名字体的行距、内外边距，将会省去很多工作。2先写HTML，创建模板，带上常用的meta标签，先重置css。接下来写页面的框架，设置几个大块，填写具体的结构。注意结构要清晰语义化。3在编写CSS类名时，我个人更喜欢BEM命名法。当然，我现在还不够好，当我不是纯写CSS的时候，靠着IDE的智能提示，感觉很爽！伪元素装饰元素尽可能用伪元素来实现。像小图标、线段号（使用css计数器）这样的东西可以有效降低HTML文档的复杂度。杂项技术。高度和宽度是可变的，减少了计算量。更换方便，少用浮漂。如果不需要兼容IE7，那么使用inline-block可以替代很多需要使用float的场景。少用浮点数，一些由浮点数引起的问题就会消失，比如破坏DOM流的问题。必要的fallback/*先写fallback，再写advancedstyle*/background-color:#fff;background-color:rgba(256,256,256,0.48);在没有js的情况下，在许多情况下使用高级选择器！慢慢添加结尾
