Dreamweaver: Adding an external CSS Styling Sheet to your HTML File
Dreamweaver offers a very simple way to add an external CSS styling sheet to your HTML file. The CSS styling sheet is critical to adding design to your webpage, in other words, making it “pretty.”
While you can link your style sheet to your HTML doc manually typing in – <link href=”yourstylesheet.css” rel=”stylesheet” type=”text/css” media=”screen”> – Dreamweaver make it even easier (as shown below).
1. Once you have your .html file created, you need to create a new .css document.
2. Once your .css document has been created (as shown below), you need to save it (I called mine stylingexample.css)
3. Now, in order to link the two documents together: click ‘Format’ in the top menu, then ‘CSS Styles’, then ‘Attach Style Sheet’:
4. And finally, click ‘Browse’ to find your .css file, select it, and your stylesheet has been linked automatically, with the code embedded in the .html file for you!