Generate CSS from inline css of DOM elements

Asked

Viewed 68 times

3

Hello, made a document, large, full of inline css, and know that mixing css with html, using the style attribute right in the element is a bad practice..

But now, do you have a way to generate a common, unique css by grouping all the inline css? Or in this case the business is to do on the arm?

css
  • 2

    Try this. It’s an online solution: http://www.cssout.com/

  • 1

    If it works, let me know.

  • 1

    Dreamweaver: http://helpx.adobe.com/dreamweaver/using/convert-inline-css-css-rule.html

1 answer

3

The Dreamweaver has a tool for it.

  1. In Code View (View > Code), select the entire style attribute that contains the inline CSS to be converted.
  2. Right-click and select CSS Styles > Convert CSS inline rule.

  3. In the Convert CSS inline dialog box, type a class name for the new rule and follow one of these procedures:

    • Specify a stylesheet in which the new CSS rule should appear and click OK.

    • Select the document header as the location where the new CSS rule should appear and click OK.

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

Source

Browser other questions tagged css

You are not signed in. Login or sign up in order to post.