(CSS)
Examples: Highlights
jim.cerny@unh.edu  19-MAY-1998

Results.

You can mimic the effect of a yellow highlighter or draw from the sixteen CSS colors to make a variety of highlighting combinations.

Another effect is to use the "notagif" technique that Toby Brown et al. have developed to [new !] call attention to something that is new. They've extended the technique to create a variety of CSS smilies (emoticons).


Notes.

The declared classes are defined within a pair of STYLE tags in the HEAD section of the HTML document. They could be defined in an external style sheet that was linked within the HEAD section, instead. The declared class is applied here with the CLASS attribute on a SPAN tag. See the HTML source or look at the abbreviated coding below:

This is a declared class for the so-called "notagif". The attributes are specified one per line for legibility, not because such spacing is required by the syntax.

.notagif { color: white; background-color: red; font-size: small; font-weight: bold; } Then it is referenced by: <span class="notagif">[new&nbsp;!]</span> The "&nbsp;" is just a standard HTML character entity specification for a non-breaking space (one that can't be used to determine a line break).