• • • •
Borders Padding and margins Sizing, positioning, and floating Bullets and numbering
Only reuse classes with the prefix style' option
If you tend to use the formatting toolbar to add styling to your page, which is not a good habit to get into, you may also wish to check the 'Only reuse classes with the prefix style' option. Why? Your page can quickly fill up with auto-generated styles - style1, style2, style3 and so on. Expression Web can help with this issue by automatically reusing styles with the same properties where possible. Example: Create a short paragraph of text (one line) and apply underline to the text. The following will be added to your <p> tag class="auto-style1" and the associated style block would be added to the head section of your page: <style type="text/css"> .auto-style1 { text-decoration: underline; } </style>
If you then change the text color of this paragraph to #CC3300, then EW would just update style1 accordingly. <style type="text/css"> .auto-style1 { text-decoration: underline; color: #CC3300; } </style>
If you then add a second paragraph of underlined text, style2 would be created in the head section and applied to the paragraph. .auto-style2 { text-decoration: underline; }
If you then apply the same color #CC3300 to that paragraph, both paragraphs would be updated to use the same style — style1 — and style2 would be deleted. If you see a lot of style1, style2, etc in the head section of your page, please read What are all the style# in my page?
Tools > Page Editor Options > Authoring Tab
Expression Web 4.0 Tutorials from Install to Publish and More
Page 38