dreamweaver to set CSS code abbreviations and line-by-horizontal methods

Learn CSS friends may encounter, download the source of the next major stations to view, you will find that each of its style of property code are more horizontal, but their own in the DW generated are a property of a row, the entire page is very long! Is there any way to make CSS like some big stations lined up as a line? The answer is simple, Look at the following pictures and texts are clear, but this function is Dreamweaver cs3 new features, the previous version seems to have no yo!

In the DW CS3 edit--Preferences--code format, you can see a CSS (s) ... button, click on this button, in the open window can be based on their own needs to let the CSS horizontal or vertical row. Haha, simple! After setting up the code window with the last button format the source, so that the entire page of CSS changes you set the appearance of the.

But some friends to ask, I found that the other site's CSS source code, some attributes are integrated into one, and mine are scattered, such as:

#layout {padding-top:1px; padding-right:2px; padding-bottom:3px; padding-left:4px; border-width:2px; Border-color: #0 033CC; Border-style:solid; }

From this line of code can be seen: border-width:2px; Border-color: #0033CC; Border-style:solid This code describes a 2px fine, color blue, line line for solid lines of the border, so that looks very difficult, then we can integrate it into a piece, of course. See:

#layout {padding:1px 2px 3px 4px; border:2px solid #0033CC;}

The code reduces, also facilitates the reading, realizes is very simple, chooses the editor the choice parameter--css style, the picture in the Red box part's selection is OK.

Later can also generate a station-style CSS!