Week Four

It seems that Netscape 7 recognizes imported style sheets, though previous versions do not. One workaround for this is to list the imported style sheet and the linked one. If linked is listed first,Netscape will use that while a browser which recognizes the @import will use that style sheet, since whatever is listed last has priority. This would be one way to customize a page for Internet Explorer, say with the imported sheet (or NS 7), and to have another page specifically for other versions without having to use Javascript or some other browser detection method to redirect the user to the proper page.

It appears that the hover property works in Netscape 7 as well, though it did not in earlier versions. The hover property applies to the first link - CSS Home Page listed below.

The following lists summarize the CSS properties covered for this week.

• Link Alignment
• ID Selectors
• @import
• Inheritance
• The Cascade
• Fonts
• Page Breaks

• Pseudo-Selectors
• Pseudo-Elements
• Pseudo-Classes

• Line-height - leading
• White Space
• Word-spacing - controls space between words
• Letter Spacing - kerning
• Vertical Align

Embedded styles listed here - 
@import url(provence.css);
P
	{
	text-align: left;
	margin-left: 25px;
	margin-right: 25px;
	}
UL
	{
	list-style-position: outside;
	}
H2:first-letter 
	{
	color: red;
	}
P:first-line
	{
	color: gold;
	}
.nocaps
	{
	text-transform: none;
	}
.red
	{
	color: red;
	vertical-align: super;
	 }
#gold
	{
	background: gold;
	padding: 5px;
	margin-right: 150px;
	}
#navy
	{
	background: navy;
	color: gold;
	margin-right: 150px;
	}
 A:active
	{
	background: navy;
	color: white;
	size: X-large;
	}
A:link
	{
	background: white;
	color: red;
	}
A:visited
	{
	background: red;
	color: white;
 	}
A:hover
	{
	background: navy;
	color: yellow;
	font-size: large;
	}
 .ht
	{
	line-height: 250%;
	color: green;
	}
  .wsp
	{
	word-spacing: 20px;
	text-transform: lowercase;
	}

CSS Home Page

Winter Classes Home Page