Tài liệu HTML Utopia: Designing Without Tables Using CSS- P8 ppt
Tài liệu HTML Utopia: Designing Without Tables Using CSS- P8 ppt
... the Background
Using a background image behind a heading is a great way to make your
headings more attractive without resorting to using an image for the actual
heading text. Using an image ...
class="date" to each of the dates in the list, then style them using the selector
#sidebar .date, like this:
File: index .html (excerpt)
<ul>
<li><span class...
Tài liệu HTML Utopia: Designing Without Tables Using CSS- P1 pptx
... HTML Utopia: Designing Without Tables Using CSS
Accessibility 34
Standards Compliance 36
Browser Support for CSS 37
Summary 37
3. Digging Below the Surface 39
Applying CSS to HTML ... Inheritance 140
Basic Principles of Cascading 140
v
Licensed to siowchen@darke.biz
HTML Utopia: Designing Without Tables Using CSS
Sort Order 142
Specificity 144
Origin 146...
Tài liệu HTML Utopia: Designing Without Tables Using CSS- P3 pptx
... the Surface
Descendant Selector
As we’ve discussed, all HTML elements (except the html element) are descendants
of at least one other HTML element. To apply a CSS style rule to an element
only ... they’re using; thus, we should avoid setting text
heights using pixels. Creating designs that work well even if users have increased
the text size in their browsers is part of the pro...
Tài liệu HTML Utopia: Designing Without Tables Using CSS- P9 pptx
... floatexample .html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< ;html xmlns="http://www.w3.org/1999/xhtml"> ... layout to display three columns using float.
First, we need to adapt the document to place the sidebar sections above the
main content section.
File: index .html...
Tài liệu HTML Utopia: Designing Without Tables Using CSS- P2 docx
...
and formatting effects rather than HTML presentational at-
tributes.
XHTML 1.0
10
XHTML is a reformulation of HTML 4 as an XML document type. It lets
you use HTML tags and attributes while enjoying ... apply those properties to the available HTML page elements more uni-
formly than would be possible using other techniques. For instance, if you wanted
to use HTML to put a visi...
Tài liệu HTML Utopia: Designing Without Tables Using CSS- P4 pdf
... practice.
File: table .html (excerpt)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< ;html xmlns="http://www.w3.org/1999/xhtml"> ... PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< ;html xmlns="htt...
Tài liệu HTML Utopia: Designing Without Tables Using CSS- P5 docx
... compress .html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< ;html xmlns="http://www.w3.org/1999/xhtml"> ...
Here’s the HTML that produced Figure 7.2:
File: tenkeys .html (excerpt)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3...
Tài liệu HTML Utopia: Designing Without Tables Using CSS- P6 doc
...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< ;html xmlns="http://www.w3.org/1999/xhtml"> ... XHTML—for presentation, we won’t need to use these anyway.
File: index .html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1...
Tài liệu HTML Utopia: Designing Without Tables Using CSS- P7 pdf
... boxmodel3 .html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< ;html xmlns="http://www.w3.org/1999/xhtml"> ... boxmodel4 .html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< ;html...
Tài liệu HTML Utopia: Designing Without Tables Using CSS- P10 docx
...
File: fixedwidth .html (excerpt)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< ;html xmlns="http://www.w3.org/1999/xhtml"> ... when you start to add CSS.
A Tabular Layout
Although we discourage using tables for page layout purposes, remember
that using tables is perfe...