网站建设中，浅谈几个前端代码的实用技巧

编辑：大有信息日期：2016-11-21类别：行业资讯

　　现如今，随着互联网时代的到来，网站已经成为公司宣传自身实力，宣扬企业文化，展示企业产品的一扇窗口。网站的普及也改变了很多用户的习惯，上到企业高管，下到普通用户，甚是应聘者在去公司应聘前，都习惯于先浏览这家公司的网站。网站互联网营销的成功与否，也侧面反映了这家公司自身的实力和眼界。相对应的，网站设计者也是越来越多，水平也参差不齐。青岛网站建设行业中，大约有300多家的网络公司都能够做网站。在互联网营销中，决定网站好坏的因素并不仅限于页面的设计，“代码的健康”也越来越受重视。下面，青岛大有网络公司小编为您讲解几种前端代码的实用技巧。

　　1.“类”属性的重复实用

　　网站建设中，“健康的代码”主要有这几个特点，div层数少、代码精简、无用代码少等。

　　一个代码的小技巧，有时候会省掉很多差异不大的样式，在节省时间的同时，化的方便蜘蛛抓取。前端设计师们都知道，“类”属性在css中以“.”开头，在html中以class=”xx”去引用，但很多前端设计师们不知道的是，在html中，还可以同时引用多个“类”属性，中间用空格隔开，如class=”lei1 lei2”。lei2的样式在继承了lei1样式的同时，可以自行去控制调整lei2自己的样式。青岛大有网络公司的网站就多次使用了这一小技巧，既节省了网站制作时间，也降低了优化组同事的难度。

　　2、margin、padding、border等样式的精简缩写

　　青岛大有网络公司做的网站案例都有一个显著特点，能简写的代码不会多写，问问身边懂优化的朋友你们就会知道，他们对这种网站的认可。Margin和padding属性是定义距离的两种方式，一个用来定义外部距离，另一个用来定义内部的距离。这两个标签都可以用简写的方式去定义四边距离。Margin(或padding):xxpx xxpx xxpx xxpx，四个数字分别以“上、右、下、左”的顺序去定义四周边距，一次使用就可以代替四句代码。border是定义边框的标签，简写为border：边框线粗度 边框线的类型(实线、虚线等) 边框的颜色，一句代码就可以所以写出你想要的边框。

　　以上两点是青岛大有网络公司的前端设计师们在工作中总结出的一点经验，我们希望能与青岛网站建设行业的同僚们多多交流，互相学习，共同进步。