Dreamweaver CS3  |  Go to CS4 Help

Convert inline CSS to a CSS rule

In‑line styles are not recommended best practices. To make your CSS cleaner and more organized, you can convert inline styles to CSS rules that reside in the head of the document or in an external style sheet.

  1. In Code view (View > Code), select the entire <style> tag that contains the inline CSS you want to convert
  2. Right-click and select CSS Styles > Convert Inline CSS to Rule.
  3. In the Convert Inline CSS dialog box, enter a class name for the new rule, and then do one of the following:

    • Specify a style sheet where you want the new CSS rule to appear and click OK.

    • Select the head of the document as the location where you want the new CSS rule to appear and click OK.

    You can also convert rules by using the Coding toolbar. The Coding toolbar is available in Code view only.



Comments

Comments are no longer accepted for Dreamweaver CS3. Dreamweaver CS4 is the current version. To discuss Dreamweaver CS3, please use the Adobe forum.

 

Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/en_US/Dreamweaver/9.0/WS8BC8A54F-60BC-40bd-A368-50A405C51350.html