层叠样式表
selector{ ????property:value; ?}<link type="text/css" rel="stylesheet" href="aaa.css"
<p style="font-size:15pt; color:red">xxx</p>
派生选择器：
p li{ ???color:red;}id选择器(可同时用派生选择器)：
<p id="pid">aaa</p>#pid{ ??color:red;}class选择器(可同时用派生选择器)：
<div class="divclass" > ??????<a href="http://www.baidu.com">baidu</a></div>.divclass a{ ??color:red;}组选择器： p标签同class=“aaa”的元素，都应用此样式
p,.aaa{ ???color:red; ?}属性选择器：
[title]{ ??color:red;}[title =ccc]{ ??color:red;}<p title="aaa">xxx</p><p title="ccc">xxx</p>背景样式
background-color
background-image
p{ ??width:200px; ??background-image:url(xxx.jpg);}background-repeat
background-repeat:no-repeat;
可选：repeat-x,repeat-y
文本样式：
color
direction
text-align
padding-left
字体样式：
font-family:myfont
@font-face{ ??font-family:myfont; ??src:url(); ??/*引用第三方字体*/}div{ ??font-family:myfont;}font-size:20px
font-style:
{font-style:normal}{font-style:italic}font-weight
可选100~900，400 等同于 normal，而 700 等同于 bold。
color
text-decoration
可选underline,over-line,line-through,none
链接样式：
a:link{ ???color:red;}a:visited{ ???color:red;}a:hover{ ??color:red;}a:active{ ??color:red;}列表样式：
list-style-image
list-style-type
ul li{ ??list-style-type:circle;}ul li{ ??list-style-image:url("icon.gif");}表格样式：
#tb,tr,th,td{ ??border:1px solid blue; ??text-align:center; ??background-color:red; ??color:blue; ????文字颜色}折叠边框#tb{ ??border-collapse:collapse;}盒子模型
边框样式
div位置
CSS
原文地址：http://www.cnblogs.com/leon-y-liu/p/7420228.html