A sandbox for blogger skinning
Thursday, March 06, 2003
Get this template from
http://www.flooble.com/scripts/interactive_blogger.txt
(Read comments at the top for instructions)
http://www.flooble.com/scripts/interactive_blogger.txt
(Read comments at the top for instructions)
Any HTML element is a possible CSS1 selector. The selector is simply the element that is linked to a particular style. For example, the selector in
P { text-indent: 3em }
is P.
Class Selectors
A simple selector can have different classes, thus allowing the same element to have different styles. For example, an author may wish to display code in a different color depending on its language:
code.html { color: #191970 }
code.css { color: #4b0082 }
The above example has created two classes, css and html for use with HTML's CODE element. The CLASS attribute is used in HTML to indicate the class of an element, e.g.,
Classes may also be declared without an associated element:
.note { font-size: small }
In this case, the note class may be used with any element.
A good practice is to name classes according to their function rather than their appearance. The note class in the above example could have been named small, but this name would become meaningless if the author decided to change the style of the class so that it no longer had a small font size.
ID Selectors
P { text-indent: 3em }
is P.
Class Selectors
A simple selector can have different classes, thus allowing the same element to have different styles. For example, an author may wish to display code in a different color depending on its language:
code.html { color: #191970 }
code.css { color: #4b0082 }
The above example has created two classes, css and html for use with HTML's CODE element. The CLASS attribute is used in HTML to indicate the class of an element, e.g.,
Only one class is allowed per selector.
For example, code.html.proprietary is invalid.
Classes may also be declared without an associated element:
.note { font-size: small }
In this case, the note class may be used with any element.
A good practice is to name classes according to their function rather than their appearance. The note class in the above example could have been named small, but this name would become meaningless if the author decided to change the style of the class so that it no longer had a small font size.
ID Selectors
This newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg.
Because this newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a newly created blg is a