Chapter Three: Adding Some Style

This page isn't going to look like the best web page in the world, but I am trying to learn the concepts from Chapter three whuich is the important part.

Inline Styles

The use of Inline styles is a good way to draw the reader's attention or highlight an aspect of your web page. My example shows a purple bold font.
Here's an example of a span element.

Embedded Styles

Embedded styles are convenient when trying to make text in a website consistent because it will remain the same throughout the page unless altered to become something else. Here I have made all of the paragraphs that I will enter have a brown font.

External Style Sheets

An external style sheet provides a location in which you can place styles that can be applied on all of your web pages. Here, I have a style sheet made and linked to my web page to make the background grey and the headings white.

Contextual Selector

Here I have applied the settings to make all of the taglines become italicized.

Grouping Styles

Again, this is the same concept I already applied by making the different headers all white. You can do this with a seperation of commas instead of re-listing them each time.

Styling Links

Styling links can be fun but maybe not always necessary. If you look at the bottom of the page you will se that my link will become
highlighted when you hover over it.

Class Selector

Allows you to define a style that can be used over and over again to style many elements. Here is an example:

This is a regular "fun" example that the book uses.

This is an example using a blockquote.

Here is one more example using span.


Well, this was a fun chapter with a lot of learning and I will need to practice these more to retain all of it.



Go back to Home.

February 16, 2008 12:24 PM