How to Make an External Style Sheet
External Style Sheet
An External Style Sheet is the recommended type of CSS Style Sheet. .... read more
1. Click File
2. Hover over New --> Choose Page to open the New Page dialog box.
3. Choose CSS from the middle column and click OK.
4. In the main editing window, click the save icon and name the style sheet anything you want.
Typically the first style sheet is the main style sheet, so we usually name it "main.css" or "mainstyles.css". But, there is no hard fast rule that says you need to name style sheets this way.
Link the Style Sheet to the Web Page: open the web page in the main editing window, click and drag the new style sheet from the Folder List and drop it on the web page. Click Save and you are finished with this part.
2. Hover over New --> Choose Page to open the New Page dialog box.
3. Choose CSS from the middle column and click OK.
4. In the main editing window, click the save icon and name the style sheet anything you want.
Typically the first style sheet is the main style sheet, so we usually name it "main.css" or "mainstyles.css". But, there is no hard fast rule that says you need to name style sheets this way.
Link the Style Sheet to the Web Page: open the web page in the main editing window, click and drag the new style sheet from the Folder List and drop it on the web page. Click Save and you are finished with this part.
Next,
Design the Web Page (make a Layout)
Note: From here on out the tutorials for Expression Web 2 will work if you use Expression Web 3 as well. Making a Layout requires the use of the <div> tag and the CSS Style Builder in Expression Web. Since there were no changes to the Style Builder, I have nothing to update you about. So go to the main Expression-Web-Tutorial.com web site and begin watching the Layout Video Tutorials.
