CSS代码缩写及横排成一行的方法
很多学习css的朋友可能都遇到，在一些大站的源代码查看，尤其会发现它的每个样式内的属性代码有些是横排的较多，但我们在DW里生成出来的都是一个属性占一行，整个页面好长的!但有什么办法让css像那些网站那样排成一行呢?答案很简单，告诉你，这上很好操作，看下面的图文就清楚了，但是这个功能是dreamweaver cs3新增的功能，老的版本是没有这个功能的。

在DW CS3以上的版本中点击“编辑”——“首选参数”——“代码格式”，能看到一个css(s)...的按钮，点击这个按钮，在打开的窗口中可以根据自己的需要让css横排还是竖排了。哈哈，简单吧!设置过之后用代码视窗最后那个按钮格式化源码，这样整个页面的css都变你设置的样子了。
但是你可能要问：我发现其它站的css源代码，有些属性是整合到一块的，而我的都是分散的，如：
　　#layout { padding-top: 1px; padding-right: 2px; padding-bottom: 3px; padding-left: 4px; border-width:2px; border-color:#0033CC; border-style:solid; }
从这行代码可以看出：border-width:2px; border-color:#0033CC; border-style:solid;这句代码是描述一条2px精细，颜色为蓝色、线型为实线的边框，这样看起来非常吃力，那么我们能不能把它整合到一块呢，当然可以。看：

　　#layout { padding: 1px 2px 3px 4px; border: 2px solid #0033CC; }
　　代码减少了，也方便阅读了，实现起来很简单，选编辑中的首选参数——css样式，把图中红框部分的选中就行了。只要进行如上简单的操作，你在制作网站中，也可以生成出大站风格的css了!这个容易吧！

关键字索引：上海监控工程，上海监控安装，上海监控施工，上海监控维修，门禁维修，上海门禁维修，上海网络布线，