| Css | | | | something like this |
| | | | |
| Cascading Style Sheets | | | | You can also insert an id within another one |
| | | | like this |
| Two types of style sheets: Internal and | | | | |
| External | | | | Remember to close the id's in order. |
| | | | |
| Internal - You insert your style code right | | | | Now, onto css classes. |
| into your html code. | | | | |
| | | | Creating Classes |
| These stylesheets should only be used if you | | | | |
| are intending tocreate a specific page with a | | | | To create a class in your css, use this |
| specific style. If you want to beable to make | | | | |
| global changes to your website using only one | | | | .subtitle {color: #000000; |
| stylesheet, you have to use.... | | | | |
| | | | } |
| External Stylesheets - Instead of putting all | | | | |
| the style code intoyour html code, you can | | | | To insert the class into your html, do this |
| create a single document with your csscode | | | | |
| and link to it within your webpages code. It | | | | Now, you can use the same class repeatedly in |
| would looksomething like this | | | | the same pageunlike Id's. |
| | | | |
| Webpage title< itle>href=" | | | | I also want to tell you something about link |
| | | | attributes. Youshould always keep them in |
| If you decide to use an internal stylesheet, | | | | this order:a {color: #006699;text-decoration: |
| you have to put yourcss style wihin the | | | | none;font-size: 100%; |
| following tags: | | | | |
| | | | }a:link {color: #006699;text-decoration: |
| All css or links to the external stylesheets | | | | none; |
| have to go inbetween the tags | | | | |
| | | | }a:visited {color: #006699;text-decoration: |
| Now about Css Classes vs. ID's | | | | none; |
| | | | |
| The one major difference between a class and | | | | }a:hover {color: #0000FF;text-decoration: |
| an id is thatclasses can be used multiple | | | | underline; |
| times within the same page while an | | | | |
| | | | }a:active {color: #FF0000 |
| Id can only be used once per page. | | | | |
| | | | } |
| Example: | | | | |
| | | | Of course, you can change the colors and |
| ID - The global navigation of your site, or a | | | | text-decorations. Thisis just something I cut |
| navigation bar. Afooter, header, etc. Only | | | | out of my code! |
| items that appear in only one placeper page. | | | | |
| | | | Okay, these are the basics. What I highly |
| Class - Anything that you would use multiple | | | | recommend is to go anddownload Topstyle Lite |
| times in your page,such as titles, subtitles, | | | | by going here: opstyle slite/index.asp |
| headlines, and the like. | | | | |
| | | | It's free and is a very helpful css editor. |
| Creating ID 's | | | | It not only colorcodes and organizes your |
| | | | code, but it provides you with tons |
| To create an Id in your css, you would start | | | | ofattributes that you can add to your class |
| with the number sign | | | | and id elements withjust a click. They also |
| | | | provide a screen at the bottom to view |
| (#) and then your label of the id. Here's an | | | | yourcss code as you create it. Very useful |
| example | | | | for a free edition and |
| | | | |
| #navigation {float:left; | | | | I'm looking to buy the pro version soon. |
| | | | |
| } | | | | Now, this was just a very very brief |
| | | | explanation of the vitalelements needed when |
| To insert the id in your html, you would do | | | | structuring your css. |