In Code view (View > Code), select
the entire style attribute that contains the inline CSS you want
to convert
Last updated on
Apr 27, 2021
Learn how to make your CSS cleaner and more organized by converting inline styles to CSS rules in Dreamweaver.
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.
Right-click and select Selection > Convert Inline CSS to Rule.
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.
Build beautiful websites in Dreamweaver
Design, code, and manage dynamic websites in a powerful all-in-one tool.
