Step 4:  Set up External Style Sheet

How to Make and Link an External CSS Style Sheet - Beginners Guide

1.  Click File

2.  Hover over New

3.  And choose 'Page'

4.  A Dialog box opens, choose CSS from the Middle Column

5.  Click OK- and you will be taken back to the main editing window.

6.  Click the Save icon and Name the Style sheet something like "main.css" or "mainstyles.css".

  Save icon is in the red square.

 

---

A Faster Way

You can use the New Page Icon, as shown above, to create new HTML pages as well as other types of Pages (including CSS pages).

---

 

Link the Style Sheet to the Web Page

Next, we need to attach or link the style sheet to the HTML web page.  It is via this link that the web browser will retrieve the CSS Styles that we create and store on the External Style Sheet, and in turn, render our Styles as we specifed.

1.  Locate the Manage Styles Panel and Click on Attach Style Sheet

2.  Click 'Browse'

3.  Navigate to your External Style Sheet, Select it, and Click Ok.

4.  Click Ok again, and Save your work.

 

Step 5:  Set the Style Application Mode to Manual