Inline CSS

CSS stands for Cascading Style Sheets. Normally you see CSS code in the head portion of a webpage or in a seperate file referenced in the head section of a webpage. In this assignment you don't have to worry about that.

In this lesson all CSS code will be deployed inline. This means within the affected tags. Inspect the source code for this page carefully and look for the word style used as an attribute within a tag.

MORE INLINE CSS

As you can see, it's not all that difficult to use inline CSS, but it does require its own special syntax. There are lots of resources online which go into more detail on what you can do with inline CSS.

Here's the basic syntax you use to create an inline style: <element-name style="property: value;"> In the above:

element-name refers to the HTML element
property refers to a CSS property
value supplies a relevant value

ASSIGNMENT

You will extend your knowledge of inline CSS by doing some online research and by producing an interesting webpage demonstrating what you learned. You must create a total of five paragraphs (each containing at least 100 words) and each paragraph must have a unique border and color scheme. Also place a title at the top of the page and HRs between paragraphs. All P tags, H2 tags, and HR tags must contain at least some style specifications. The content of your paragraphs must be original and may take the form of a story or essay on any school-appropriate topic. Grading will be based on 40% use of inline style tags, 40% written content, and 20% inline CSS not demonstrated in this lesson.