... turn off the underlines on
links by writing a:link and a:visited rules. Many designers find underlined links to be
annoyingly ugly and much less elegant than links without underlines.
However, there ... Property
Value Effect
blink The text blinks off and on
line-through Draws a line through the middle of the text
overline Draws a line over the top of the text
underline Draws a line under the...
... different kinds of links; for
example, style offsite links differently from local links. Likewise, use different
styles for inline links in the body of your text and for navigation links located in a
sidebar.
Mouseover ... Effect
measurement Sets an indent
negative measurement Sets a hanging indent
percentage Sets an indent based on a fraction of the containing box
inherit Uses the value...
... Support Report Card 245
Q&A 245
Workshop 246
Quiz 246
Answers 246
Activity 246
Hour 15 Styling Tables 247
Table Formatting 247
HTML Table Model 248
Table Borders, Padding, and Spacing 254
Table ... design, and he teaches online courses
in Web accessibility. In addition to writing, speaking at conferences, and teaching online
courses, Kynn is the cofounder of Idyll Mo...
... watermark.
HOUR
4
Using CSS with HTML
In previous hours, you’ve used Cascading Style Sheets to style your
HTML pages by linking in an external CSS file. The true power of CSS
and HTML really shines through ... for surfing the Web.
3. Visit several Web sites that use CSS, including Eric Meyer’s css/ edge spiral and the
site for this book,
http://www.CSSin24hours.com.
4. How does yo...
... you’ll see how big it really is.
Inline
An inline element doesn’t begin and end lines; instead, it is contained within the flow of
the text. Examples of inline tags include <em>, <span>, ... type
•How CSS browsers interpret and display Web pages
•How to set margins, borders, and padding on a box
Displaying Content in CSS
The content of a Web page is the information encoded w...
... with a horizontal spacing of 0.45em and a vertical spacing of 1em.
L
ISTING 15.5 Increasing the Spacing between Cells Using the border-spacing
Property
/* schedule-15.5 .css */
table { table-layout: ... time
looking at how CSS styles interact with HTML tables.
Layers and Inheritance
One key way in which tables differ from other block boxes is the introduction of table
layers into the inh...
... flowing.
Browser Support Report Card
CSS Feature Grade Notes
Relative positioning B+ Unreliable in Netscape 4
Absolute positioning B+ Unreliable in Netscape 4
Fixed positioning B- Unreliable in ... in
Internet Explorer (Windows)
Offsets based on
bottom or right F Can result in lost content in some browsers
Floating content B+ Unreliable in Netscape 4
The
clear property B+ Un...
... Selectors
20 CSS for Printing
21 Accessibility and Internationalization
22 User Interface and Generated Content
23 CSS and JavaScript
24 CSS and XML
PART IV
Advanced Cascading
Style Sheets
24 0672 3240 91 ... inappropriate or meaningless on a computer monitor. These
units correspond to real-world units of measurement used in printing and are listed
in Table 20.2.
CSS for Print...
... from
validating form input to creating animation. The ones we are most concerned with in this
hour are those that interact with CSS setting styles, hiding or displaying content, or
positioning elements ... Suppresses the printing of a closing quote mark
no-open-quote Suppresses the printing of an opening quote mark
open-quote Inserts an appropriate opening quote mark
url(address) Inserts t...
... href=”tip -24. 4 .css ?>
<?xml-stylesheet type=”text /css href=”tip -24. 5 .css ?>
<?xml-stylesheet type=”text /css href=”tip -24. 6 .css ?>
LISTING 24. 6 Style Sheet for XLink Navigation Bar
/* tip -24. 6 .css */
accesstip { ... processing instruction lines to the XML document shown in
Listing 24. 3, which is the longer tip file with the navigation bar. Those lines are:
&...