Proficient in CSS and HTML design patterns chapter 1 (easily deal with CSS)
Proficient in CSS and HTML design patterns chapter 2 (HTML design patterns)
Proficient in CSS and HTML design patterns Chapter 3 (CSS selector and inheritance)
Proficient in CSS and HTML design patterns chapter 4 (CSS selection and inheritance)
Proficient in CSS and HTML design patterns chapter 6 (Box Model attributes)
Proficient in CSS and HTML design patterns chapter 8 (Box Model attributes)
9. proficient in CSS and HTML design patterns (positioning: Advanced)
Proficient in chapter 10 of CSS and HTML design patterns (divided content)
Proficient in CSS and HTML design patterns chapter 2 (alignment content)
The rest are understandable.
Conditional Style Sheets
Example 1: IE 6 7 8 shows red, and non-IE shows black
Hack is used <! -- [If lte IE 6]> CSS import <! [Endif]> This statement can be set only for IE.
Same as above <! -- [If lte IE 7]> <! -- [If lte IE 8]> IE7 IE8 settings
Code
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Title> No title page </title>
<Link href = "http://files.cnblogs.com/chongzi/page.css" rel = "stylesheet" type = "text/css"/>
<! -- [If lte IE 6]>
<Link rel = "stylesheet" type = "text/css" href = "http://files.cnblogs.com/chongzi/ie.css"/>
<! [Endif] -->
<! -- [If lte IE 7]>
<Link rel = "stylesheet" type = "text/css" href = "http://files.cnblogs.com/chongzi/ie.css"/>
<! [Endif] -->
<! -- [If lte IE 8]>
<Link rel = "stylesheet" type = "text/css" href = "http://files.cnblogs.com/chongzi/ie.css"/>
<! [Endif] -->
</Head>
<Body>
<Div class = "backC">
123 </div>
<! -- Ordered structure -->
<Ol>
<Li> 1 </li>
<Li> 3 </li>
<Li> 2 </li>
<Li> 4 </li>
</Ol>
<! -- Unordered -->
<Ul>
<Li> 1 </li>
<Li> 3 </li>
<Li> 2 </li>
<Li> 4 </li>
</Ul>
<! -- List -->
<Dl>
<Dt> title </dt>
<Dd> content </dd>
</Dl>
</Body>
</Html>
This one is useful.