HTML and CSS Reference
In-Depth Information
The
box-sizing
property has good browser support, with the exception of
IE 6 and IE 7. Unlike the more decorative CSS3 properties, however, lack of
support for
box-sizing
could cause your entire layout to fall apart. You'll
have to determine how serious the problem would be in your particular
case, whether it's worth living with or hacking, or whether you should avoid
using
box-sizing
for now.
CSS3 Pseudo-Classes and Attribute Selectors
Aids in: progressive enhancement, e
"
ciency, modularity, rich typography
CSS has several really useful
selectors
that are only now coming into
common use. Many of these are new in CSS3, but others have been around
since CSS2, just not supported by all browsers (read: IE) until recently, and
thus largely ignored. IE still doesn't support them all, but they can be used to
add non-essential visual e
"
ects.
Taking advantage of these newer, more advanced selectors can improve
your e
!
ciency and make your pages more modular because they can
reduce the need for lots of extra classes,
div
s, and
span
s to create the
e
"
ects you want to see. Some selectors even make certain e
"
ects possible
that you can't do with classes, such as styling the first line of a block of text
di
"
erently. These types of visual e
"
ects can improve the typography of your
site and aid progressive enhancement.
HTML5
Although this article is focused on modern CSS techniques, you can't have
great CSS-based web pages without great markup behind them. Although
HTML5 is still in development, and although debate continues about its
strengths and weaknesses, some web developers are already using it in
