伪类：
结构伪类：
:empty
:only-child
:before
:after
:active
:hover
:focus
:link
:visited
:first-child
:last-child
:nth-last-child()
:nth-child()
UI元素伪类：
:checked
:enabled
:disabled
目标伪类：
:target
否定伪类
div:not(classname)
主要属性：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
h1{ -webkit-text-stroke:2px blue;}
h2{-webkit-text-stroke:1px transparent}
h3{color:transparent; -webkit-text-stroke:4px red;}
ol{counter-reset:section; list-style-type:none;}
li:before{counter-increment:section; content:counters(section,".")"";}
q{quotes:'《' '》' "<" ">" "(" ")";}
q:before{content:open-quote;}
q:after{content:close-quote;}
.of{text-overflow:ellipsis; overflow:hidden}/*css3*/
.bw{word-wrap:break-word;}
</style>
<title>无标题文档</title>
</head>
<body>
<div style="background:green;">
<h1>wch</h1>
<h2>wch</h2>
<h3>Smashing</h3>
<marquee direction="left">dfsdfldfoisdjflsd</marquee>
<ol>
<li>item</li>
<li>item
<ol>
<li>ite</li>
<li>ite</li>
</ol>
</li>
<li>ite</li>
</ol>
<q>wch<q>222<q>333</q></q></q>
<div class="of" style="50px;">wedsfdsijojosdfjo</div>
<div class="bw" style="50px;">wedsfdsijojosdfjo</div>
</div>
</body>
</html>