Presentation is loading. Please wait.

Presentation is loading. Please wait.

Creating your own Styles

Similar presentations


Presentation on theme: "Creating your own Styles"— Presentation transcript:

1 Creating your own Styles

2 Recall a sample css style
body { font-family: Verdana, "Minion Web", Helvetica, sans-serif; font-size: 1em; text-align: justify; } Selector  Opening Curly brace Property name Value Closing Curly brace

3 Get ready 1st you need a web page. (Download from Web site)
2nd a css style sheet (Download from the Web) Both can be accessed from the Web 10 site.

4 Linking a style sheet Open the web page
Make an external link to the style sheet This is what the code looks like: <link rel="stylesheet" href="stylesheetname.css"> where stylesheetname.css refers to the name of your file, and an appropriate path, if needed.

5 Edit the style sheet Add this to your style sheet .specialfont {
font-family: font-family: "Times New Roman", Times, serif; color: green }

6 To use special style you must:
Apply the style Voila.. Your own unique style that can be applied to any element in your web page


Download ppt "Creating your own Styles"

Similar presentations


Ads by Google