Notes and Style Sheet - Week Four
Notes: I had just been questioning how to align text and image comparable to image align="absmiddle". This week's "vertical-align" is just what the doctor ordered. Also the pseudo-selectors for first-letter answer the question of streamlining that function. It seemed there must be a better way than repeating the span at every instance and there is. I can only get text-indent to work as a regular style property of P, but not as a property of P:first-line.
I've already discovered that Netscape doesn't recognize imported style sheets. As discussed previously - it is possible to list both an imported and linked style sheet and NS will automatically utilize the linked. If imported is last, Explorer will use that since the last listed is the priority.
I've used the pseudo a:link a:active a:visitied, and a:hover for a long time, but didn't know they are called a pseudo class. The TOE page for CSS uses them (home link below), as well as the links on this page from the linked style sheet it uses.
I am happy to learn about the page-break functions as I designed a web site with pages that can be printed for reference and this sounds like a great way to be sure the sections break correctly.
These last two paragraphs are treated like images with float left and right and the line underneath is given a style = "clear: all;" to put it underneath. If the HR is not cleared it goes between the two blocks.
Embedded style sheet for this page:
P:first-letter
{
color: fuchsia;
font-size: large;
}
P:first-line
{
font-family: impact;
font-size: 10pt;
letter-spacing: 5pt;
}
P
{
text-indent: 15%;
}
H4
{
font-size: 10pt;
color: fuchsia;
}
#dark
{
color: navy;
background: #FFFFF0;
font-style: italic;
width: 325px;
padding: 5px;
text-align: center;
}
.high
{
line-height: 200%;
}
.flet:first-letter
{
color: lightseagreen;
}
-->
|
