CS110: Laboratory 3

This is a lab on cascading style sheets. Please feel free to add more text to it, in order to have a longer document, if that helps you to see the effects of what you are trying.

CSS is used for formatting webpages, by allowing the author to specify the style of HTML tags.

How to use CSS

There are 3 possible ways to define the style of a tag:

inline style
document-level style sheet
external style sheet

Why To use CSS

Here are some reasons to use style sheets:

consistency
efficiency
standardization

The following block is taken from the lecture note. We use it here to demonstrate the use of the <BLOCKQUOTE> and how one can customize it using CSS.

External style sheets and document-level style sheets use the same syntax for giving the tags, properties and values, but the external style sheet omits the beginning and ending STYLE tags. You'll have nothing in angle brackets in an exteral CSS file. CSS is a different language from HTML and therefore has a different comment syntax in both an internal and external style sheet. For CSS, the comment characters are /* to begin and */ to end.

weasel image There is supposed to be a lot of text in this paragraph. When you look at this paragraph on your browser, the image should be floating to the right of the text. There is supposed to be a lot of text in this paragraph. When you look at this paragraph on your browser, the image should be floating to the right of the text. There is supposed to be a lot of text in this paragraph. When you look at this paragraph on your browser, the image should be floating to the right of the text. There is supposed to be a lot of text in this paragraph. When you look at this paragraph on your browser, the image should be floating to the right of the text. There is supposed to be a lot of text in this paragraph. When you look at this paragraph on your browser, the image should be floating to the right of the text. There is supposed to be a lot of text in this paragraph. When you look at this paragraph on your browser, the image should be floating to the right of the text. There is supposed to be a lot of text in this paragraph. When you look at this paragraph on your browser, the image should be floating to the right of the text.