最近在回顾自己在前端积累的东西，有时候感觉自己写的东西比较随意，所以开一篇博文来提醒自己时刻注意的编码习惯。

主要从事网页设计、PC网站建设（电脑版网站建设）、wap网站建设（手机版网站建设）、成都响应式网站建设、程序开发、微网站、小程序开发等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了丰富的网站设计制作、做网站、网络营销经验，集策划、开发、设计、营销、管理等多方位专业化运作于一体，具备承接不同规模与类型的建设项目的能力。

当拿到一份psd的时候，需要对psd进行一次审视。

是什么样的psd，头尾？公共部分？logo重用性？元素？列表？可以通过这些预估一个工作量，避免自己拖沓导致延期。

构建大中型项目的时候可能需要前端框架、样式预处理语言、开发环境等，根据项目需求来构建，如果是小型项目或者普通常规项目，一般目录如下：

样式里一般需要三种样式

重置样式：因为浏览器初始化标签样式都不一样，所以我们需要一个reset.css将所有不同的样式统一

reset样式网上示例比较多，这里不再整理了，大概思路是重置内外边距，移除列表元素list-style，a标签text-decoration:none，清除浮动

.clearfix{display:block;content:"";height:0;visibility:hidden;clear:both;}

等等

开发时要严格遵循代码规范，并且遵循“奥卡姆剃刀原理”，将复杂的东西变简单

css命名的时候可以酌情添加一些语义化概念，比如public-header,index-banner等

写页面时要先搭建整体结构，然后再把关注点放到某个模块中

同级只包含行内元素或者块级元素，不能混用，会显得很混乱

根据css的继承关系，子元素会继承的样式尽量写在父元素，子元素需要覆盖的样式，写在子元素自己的样式中

附：ps如何简单切图

当需要获取某个图片时，设定自动选择：图层，找到图层后右键-转换为智能对象，框选住图片，ctrl+c,ctrl+n,ctrl+v，去掉背景，保存图片为png-24

另图片后缀的区别：

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

本文标题：规范自己的html-创新互联
标题URL：http://scyingshan.cn/article/gosgg.html