Summary 3

How CSS Works

The Three Ways to Style Your Document

There are 3 ways to style with css, inline,embeded, and linked from a css sheet. Inline styles are local styles that are added to a tag using the XHTML style attribute. Inline styles are very restricted because it can only affect the tag that its paired to. Its a positive in the way that you can quickly test your style to see what it looks like before you apply it to everything. You can also place a group of css styles in the head of your XHTML document and this is known as embeded styles. The last way you can style your document is linked styles in which you make a seperate page then link it with your page that you want to stylize. It applies it site wide when you link the css fine together with the html file.

Specialized Sectors

There are many different sectors when dividing up CSS. The first one is universial selector which uses the star can it applies the tag you put on it to everything unless you specify it on something else. If you pair it with a em tag, it doesnt matter what the parent tag is. Adjacent Sibling Selector selects a tag that follows a specific sibling tag, which means that that the tags are on the same level in the makeup heiarchy.

Pseudo Classes

Pseudo classes are normally used with hyperlinks enabling things like a change in their color or causing their underlining to be romoved. There are 4 pseudo classes for links since the links are always in one of these four states. Link which is when the link is sitting there looking like a link and waiting for someone to click it. The second is Visited and this happens when the user has clicked on the link sometime in the pass. The third one is Hover is when the cursor is hovering over the link. The last one is Active and happens when the link is actively being clicked by the user.