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.
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).
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.
You can certainly go into the code of your html web page and write the markup that links the External Style Sheet to your web page: Locate the section of web page.
Type the following: <link href="styles/main.css" rel="stylesheet" type="text/css">
Notice, the above link is made up of a tag and 3 HTML Attributes.
<link> : this tag is only used in the <head> section of a web page.
Most often used to link an External Style Sheet to a web page.
rel attribute: describes the document that is linked.
href attribute: points to the location of the external document. The URL of the doc.
type attribute: describes the type of data on the linked document. (the MIME type of the linked document)
type="text/css" -- tells us the data type is text, more specifically, it's css text.
Read more about the 3 Types of CSS.