1. Save the HTML file.
  2. Cut to the clipboard the whole inline css content in the <head> from <style> to </style>. Note that the HTML file loses its style.
  3. Create a new CSS file and paste the style you just copied.
  4. Delete the tags <stale> and <style>
  5. Save the CSS file in the same folder as the HTML file.
  6. Got to the HTML file and select Tools/CSS/Attache Style Sheet

Screen Shot 2017-02-27 at 9.37.47 PM

5. Select the CSS file you created. Dreamweaver adds the tag in the <head> to link the CSS style to the HTML file.

<link href=”cssfilename.css” rel=”stylesheet” type=”text/css”>

Screen Shot 2017-02-27 at 10.02.43 PM

Converting an Internal Style Sheet to External in Dreamweaver
Tagged on: